ドロップダウンメニューがie7またはie8で正しく表示されない

Question

現在プロジェクトで作業中ですが、ドロップダウンメニューに問題があり、ie7およびie8に表示されています。

それをここに見ることができます：ここでは

http://getsmarta.co/_cms/topflight/

は、私が使用していCSSです：

nav { width:1026px; 
height: 50px; 
background-image:url(../img/nav.png); 
padding:0 0px 0 0px; 
text-align:center; 
margin-bottom:30px; 

}

nav ul li { 
display:inline-block; 
position:relative; 

}

nav ul li div.sub { 
display:none; 
position:absolute; 
background-color:#003e88; 
top:38px; 
width:260px; 
text-align:left; 
border-radius: 0px 0px 7px 7px; 
-o-border-radius: 0px 0px 7px 7px; 
-moz-border-radius: 0px 0px 7px 7px; 
-khtml-border-radius: 0px 0px 7px 7px; 
-webkit-border-radius: 0px 0px 7px 7px; 

}

nav ul li div.sub a{ 
background-image:none; 

}

nav li a { 
padding:13px 20px 11px 20px; 
display:inline-block; 
margin-top:-10px; 
background-image:url(../img/nav-divider.png); 
background-position:top right; 
background-repeat:no-repeat; 
font-family:champ, myriad, Arial, Helvetica, sans-serif; 
font-size:16px; 
text-transform:uppercase; 
font-weight:bold; 
text-decoration:none; 
margin-right:-4px; 

}

nav li a:hover {border: 0; 
background-image:url(../img/hover.png); 

}

nav li.current a { 
color:#47cacd; 

}

私はそれを紛失しており、助けていただければ幸いです。ありがとうございました。

Answer 1

IEの何らかの理由で、IEのメニュー項目の宣言が受け入れられない場合があります。あなたはHTML5、定型文で提供.oldieクラスを使用して、代わりにfloat:leftにそれを設定することにより、IEであなたのnavメニューを標的とすることによって、それを修正するので、あなたのCSSでこれを試すことができますが：

.oldie nav li { 
    float:left; 
    z-index:9999; 
} 

ところで、あなたが必要としますさておき、あなたのドロップダウンが左と画像のリンクの後ろに現れたよう

nav ul li { 
    z-index: 999; 
} 

Answer 2

IEでHTML 5要素がサポートされていないと思います.NIVのIDを持つDIVを入れて、すべてのCSSを置くと動作します。 HTML5を使用したい場合は、javascriptのハッキングがあります：