Не работает меню в ie 10

<!-- begin menu //-->
<div id="menu-area">
<div id="menu-wrapper">
<div id="menu">
<ul>

<li><a href="http://site.ru/ssilka-1">Верхний уровень</a>
<div>
<ul>
<li><a href="http://site.ru/ssilka-1">Ссылка в выпадающем меню 1</a></li>
<li><a href="http://site.ru/ssilka-2">Ссылка в выпадающем меню 2</a></li>
<li><a href="http://site.ru/ssilka-3">Ссылка в выпадающем меню 3</a></li>
</ul>
</div>
</li>

</ul>
</div>
</div>
</div>
<!-- end menu //-->

/* Begin menu */
#menu-area {
background-image: url(../image/menu-bg.png);
background-repeat: repeat;
background-color: #444;
}
#menu-wrapper {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#menu-mobile {
display: none;
}
#menu {
height: 34px;
}
.menu-home-link a {
background: url(../image/home.png) 50% 45% no-repeat;
width: 25px;
height: 34px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
background: url(../image/menu-split.png) right no-repeat;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
display: block;
font-size: 14px;
font-weight: 400;
color: #fff;
line-height: 34px;
padding: 0px 12px 0px 10px;
position: relative;
text-decoration: none;
z-index: 6;
}
#menu > ul > li:hover > a {
color: #cacaca;
}
#menu > ul > li > div {
position: absolute;
display: none;
overflow: hidden;
z-index: 5;
background-image: url(../image/footer-shadow.png);
background-repeat: repeat-x;
background-color: #444;
border-width: 1px;
border-style: solid;
border-color: #3A3A3A;
border-top: none;
padding: 10px 10px 7px 10px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
font-size: 13px;
background: url(../image/arrow-right-small-white.png) left 10px no-repeat;
padding: 5px 5px 5px 9px;
color: #fff;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
color: #cacaca;
}
#menu > ul > li > div > ul > li > a {
color: #fff;
}
/* End menu */