CSS导航条div层未在IE上正确显示

我的css工作表与safari和mozilla配合很好，但与IE配合不好。导航条div层似乎有一个特定的问题。。。它是作为一个水平菜单栏构建的，但它在IE上显示为一个垂直菜单栏，并将我的flash横幅推到一边

关于如何解决这个问题有什么建议吗

css摘录如下

/* Menu */

#menu {
width: 1000px;
height: 46px;
margin: 0 auto;
padding: 0;
background: url(images/img04.jpg) no-repeat left top;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 48px;
list-style: none;
line-height: normal;
}

#menu li {
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
}


#menu a {
display: block;
height: 32px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FF9900;
border: none;
}
#menu a:hover, #menu .current_page_item a {
background: #C44203;
}

#menu .current_page_item a {
background: #C44203;
}

#menu a:hover {
background: #C44203;
text-decoration: none;
}

#menu li a{
display: inline-block;
height: 32px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
text-decoration: none;
text-align: center;
line-height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FF9900;
border: none;
}
#menu li a:hover{
background-color: #C44203;  
}   
#menu ul ul{
display: block;
height: 60px;
margin-left:-96px;
left: 50%;
position: absolute;
top: 45px;
visibility: hidden;
}

#menu ul li:hover ul{
visibility: visible;
}

非常非常感谢 维维安

试试这个链接

---

听起来像

display:inline块仅适用于IE8及以上版本。但该链接为您提供了一个解决方案，并解释了使用它的好处和缺点。
至
可见性：可见进入
显示：块

和
可见性：隐藏进入
显示：无

像这样

#menu ul ul{
display:none;
}

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

移除
位置：相对
来自#菜单li。
它将在IE中工作。
在jsfiddle.net中显示您的代码这会弄乱导航栏的格式，并将子项扔到导航栏的顶部，而不是在父项的正下方显示它们。。。不过还是要谢谢你！