Добрый день!
в ie смещается подменю

                <div id="menu">
                    <ul>
                        <li><a href="/company/main/">о магазине</a>
                          <ul>
                         <li><a href="#">игрушки оптом</a>
                         <li><a href="#">предложения для поставщиков</a>
                         <li><a href="#">конфиденциальность</a>
                         </ul>
                        </li>
                        <li><a href="#">партнерство</a>
                         <ul>
                         <li><a href="#">игрушки оптом</a>
                         <li><a href="#">предложения для поставщиков</a>
                         <li><a href="#">конфиденциальность</a>
                         </ul>
                        </li>
                        <li><a href="#">доставка</a>
                        <ul>
                         <li><a href="#">игрушки оптом</a>
                         <li><a href="#">предложения для поставщиков</a>
                         <li><a href="#">конфиденциальность</a>
                         </ul>
                        </li>
                        <li><a href="#">блог</a>
                          <ul>
                         <li><a href="#">игрушки оптом</a>
                         <li><a href="#">предложения для поставщиков</a>
                         <li><a href="#">конфиденциальность</a>
                         </ul>
                        </li>
                        <li><a href="#">конкурс</a>
                        <ul>
                         <li><a href="#">игрушки оптом</a>
                         <li><a href="#">предложения для поставщиков</a>
                         <li><a href="#">конфиденциальность</a>
                         </ul>
                        </li>
                        <li><a href="#">бонусы</a>
                         <ul>
                         <li><a href="#">игрушки оптом</a>
                         <li><a href="#">предложения для поставщиков</a>
                         <li><a href="#">конфиденциальность</a>
                         </ul>
                        </li>
                    </ul>
                </div>

#menu{
    float:left;
    width: 554px;
    height: 57px;
}

#menu, #menu ul, #menu ul li, #menu ul li a{
    margin: 0;
    padding: 0;
    list-style: none; 
    /*font-family: Rotonda-regular; */
    font-size: 15px;
    color: #676767; 
   z-index: 666; 
}

#menu ul li a{
padding: 4px 10px 0px 10px; 
margin: 14px 0px 0px 0px;
text-decoration: underline;
font-family: OpenSans-regular;  
}

#menu ul li:hover{
text-decoration: none;
color: #2eacd6;
background-color: #e0f4fa;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: 1px dashed #9edaee;
padding-bottom: 5px;
z-index: 666;

}

#menu ul li:hover a{
 text-decoration: none;
 color: #2eacd6;   

}

#menu ul {
      display: inline-block;
    text-align:right;
    padding-top: 18px;
     margin-left: 20px; 
}

#menu ul li {
float: left;
padding-top: 5px;
position: relative; 
}

#menu ul li ul{
    display:none;
    background-color: #e0f4fa;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: absolute;

padding: 5px 0px 5px 0px;
margin-left: 0px;
margin-top: 0px;
*margin-top: 27px;
z-index: 666;
border: 1px dashed #18b9ee;
}

#menu ul li ul li{
 float: none; 
 text-align: left;  
display: list-item;
padding: 6px;
border-bottom: 0px dashed #9edaee;
 font-size: 14px;
 position: relative;
 
}
 #menu ul li ul li:hover{
 background-color: #66cff2;
 color: #ffffff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

 #menu ul li ul li:hover a{
 color: #ffffff;
 cursor: pointer;
 font-size: 14px;
}

#menu ul li ul li a{
 padding: 0px; 
border-bottom: 0px dashed #9edaee;
color: #2eacd6; 
text-decoration: none;
font-size: 14px;
}

#menu ul li ul li a:hover{
border-bottom: 0px dashed #9edaee;
background:none;
 font-size: 14px;

}

#menu ul li:hover ul{
    display:block;
      position: absolute;
}

#menu li { 
    display:inline
}

Не пойму почему.