在IE瀏覽器上無法正常顯示CSS導航欄div層

Question

我的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; 
} 

很多，非常感謝 維維安

Answer 1

嘗試此鏈接...

http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

這聽起來像display: inline-block;僅適用於IE8及以上。但是鏈接爲您提供了一個解決方案，並解釋了使用它的好處和回退。

Answer 2

到visibility: visible;成display:block;

和visibility:hidden;成Display:none;

作爲這樣

#menu ul ul{ 
display:none; 
} 

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

Answer 3

刪除position: relative;來自#menu li的。 它將在IE中工作。