IE内でCSSメニューが機能しない

Question

IEで何が間違っているのですか？メニューは他のブラウザと同じように機能しません。 IEでは、メニューボタンは水平ではなく垂直です。 テストサブドメインへのリンク：http://test.beterlopenwinkel.nl/leiderdorp.php IEでそのリストスタイルを取り除くことはできません。

CSS：

#navigation{ 
width:200px; 
background-image: -moz-linear-gradient(left, orange, #f3980b); /* FF3.6 */ 
background-color:orange; 
border-radius:8px; 
font-size:16px; 
font-weight:bold; 
text-align:center; 
width:1000px; 
height:30px; 
} 

#navigation ul{ 
margin:0px; 
padding:0px; 
} 

#navigation ul li{ 
display:inline; 
list-style-type:none ; 
padding:5px 10px 5px 10px; //dropmenupadding 
margin-left:15px; 
position:relative; 
} 

#navigation li a{ 
color:#fff; 
text-decoration:none; 
padding:5px 10px 5px 10px; 
display:inline; 
} 

#navigation li a:hover{ 
text-decoration:none; 
//background-color:orange; 
//border-radius:15px; 
//border:solid 2px #333; 
color:#333; 
} 

#navigation li ul{ //dropmenu 
margin:0px; 
padding:0px; 
display:none; 
position:absolute; 
left:0px; 
top:35px; 
background-color:orange; 
border-radius:15px; 
box-shadow:0px 0px 5px #000; 
} 

#navigation li:hover ul{ 
display:block; 
width:160px; 
} 

#navigation li li{ 
list-style:none; 
display:list-item; 
} 

#navigation li li a{ 
color:#fff; 
text-decoration:none; 
padding:10px; 
} 

#navigation li li a:hover{ 
text-decoration:none; 
} 

Answer 1

まず、あなたはHTMLを修正する必要があります。

<ul> 
<li><a href="http://www.beterlopenwinkel.nl/solidus.php">Solidus</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/finn_comfort.php">Finn Comfort</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/think.php">Think!</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/footnotes.php">Footnotes</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/mbt.php">MBT</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/vabeene.php">Vabeene</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/meindl.php">Meindl</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/stadler.php">Stadler</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/fit_flop.php">Fit Flop</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/durea.php">Durea</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/van_lier.php">Van Lier</a></li> 
<li><a href="http://www.beterlopenwinkel.nl/schneider.php">Schneider</a></li> 
</li> **THE LI SHOULD BE CLOSED AFTER THE UL, LIKE YOU DID FOR OTHER SUBMENUs** 
</ul> 

Answer 2

は、まず第一に、あなたはあなたのHTMLが有効であることを確認したい場合があります。ここW3バリデータをチェックしてください：

http://validator.w3.org/check?uri=http%3A%2F%2Ftest.beterlopenwinkel.nl%2Fleiderdorp.php&charset=%28detect+automatically%29&doctype=Inline&group=0

を無効のマークアップは、あなたが参照しているIEのバージョンは何CSSが別のブラウザで予期しない方法で振る舞う理由＃1の理由（だけでなく、IE）