Question

I have a navigation menu that has nested ul li elements. The nested ul is supposed to show only when the parent li element is hovered.

ul#menu_system ul {
width:200px;
display:none;
position:absolute;
left:0;
top:100%;
-moz-box-shadow:0 3.5px 12px #000000;
-webkit-box-shadow:0 3.5px 12px #000000;
box-shadow:0 3.5px 12px #000000;
background-color:#ececec;
border-width:0px;
padding:0 10px 10px;
}

ul#menu_system li:hover > ul
{
    display:block;
}

Everything works fine in firefox/chrome, only IE is just showing the box shadow on hover and nothing else. Please help.

Answer 1

I got it fixed. I removed the gradient filter applied on ul#menu_system li element for IE. Everything is now working fine.