Выпадающее меню сломано на IE9 ⇐ CSS

[Anonymous]

Я строю веб -сайт из купленной темы, а в FF и в Chrome он выглядит идеально. Но в режиме IE9 в совместимости у меня большая проблема.
Один пункт меню имеет раскрытый список, и, на IE, в выпадении меню перемещено в следующем меню, и это очень сложно, но не может назовать все, но не может быть, но нет, но нет, но нет, но нет, но нет, но нет, но нет, но нет, но нет, но нет, но нет, но нет, но нет, но не может назовать, но не может назовать, но не может быть, но не может быть. Помощь: < /p>
/* Mainmenu Styling */
#mainmenu{
width:680px;
margin:1px 0px 0px 0px;
float:left;
}
.navigation{
width:630px;
margin-top:38px;
padding-left:160px;
float:left;
list-style-type:none;
}
.navigation ul{
margin:0px;
padding:0px;
list-style-type:none;
position:left;
clear:both;
}
.navigation li{
list-style-type:none;
padding:0px;
margin:0px;
float:left;
z-index:100;
position:relative;
}
.navigation li a{
font-size:16px;
text-decoration:none;
color:#a7a6a6;
display:block;
padding:10px 30px 16px 8px;
float:left;
z-index:100;
margin-right:0px;
}
.navigation li.current a, .navigation li a:hover, .navigation li.current li a:hover{
text-decoration:none;
color: #d23a3b;
}
.navigation li.current li a{
text-decoration:none;
color:#a7a6a6;
}
.navigation li li{
margin:0 0 0px 0px;
padding:0px;
position:relative;
z-index:100;
}
.navigation ul{
display:none;
position:absolute;
top:45px;
width:159px;
padding-bottom:5px;
z-index:100;
background-color:#fafafa;
border-top:none;
border-bottom:1px solid #d3d3d3;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
}
.navigation li ul a{
width:109px;
height:auto;
float:left;
padding:0px 15px 8px 15px;
font-size:14px;
color:#a7a6a6;
line-height:24px;
z-index:100;
text-decoration:none;
}


Подробнее здесь: https://stackoverflow.com/questions/973 ... ken-on-ie9