Bootstrap多级下拉菜单

Question

我正在使用这些css规则进行多级下拉菜单，如下所示：

/*Multilevel Dropdown*/
/**
* Bootstrap 2.0 dropdown multi-level menu enabler
* Bootstrap: http://twitter.github.com/bootstrap/javascript.html#dropdowns
*/
/* overrides */
.nav li.dropdown ul.dropdown-menu li ul {
display:block; 
position:absolute; 
left:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px 3px 3px 3px;
}

.nav li.dropdown ul.dropdown-menu ul {
display: none;
float:right;
position: relative;
top: auto;
margin-top: -30px;
}

和HTML如下：

<li class="dropdown">
  <a class="url dropdown-toggle" data-toggle="dropdown">My Dropdown<i class="icon-chevron-down"></i></a>
  <ul class="dropdown-menu">
      <li>
        <a href="#">Level1</a>
        <ul class="dropdown-menu">

            <li><a href="#">Level2</a></li>

            <li><a href="#">Level2</a></li>

            <li><a href="#">Level2</a></li>                                                              
        </ul>
      </li>

  </ul>
</li>

它适用于Chrome和Firefo，但在第一级悬停时，IE9上不会显示第二级或更多级别。可能是什么问题？