css - LI は IE7 ではページ幅全体に拡大されますが、Chrome では問題ありません

Question

t div に含まれるメニューを作成しました。Chrome で実行するとメニューが適切に表示されますが、IE7 ではすべての LI 項目が引き伸ばされます

私はこれについて頭を悩ませることができません。

サンプルはhttp://jsfiddle.net/uMASt/にあります。ページは jsfiddle では正しく読み込まれますが、HDD では読み込まれません

ありがとう！イアン

Answer 1

jsfiddle に正しくロードされたときに何が問題なのかを確認することは不可能であるため、IE7 であっても、うまくいけば修飾された推測を与えることができます... IE7 は独自の生活を送り、いくつかの追加の属性が必要になる場合があります。IE のみの属性はアスタリスクで始まります.

*zoom:1; を追加してみてください。*表示:インライン; あなたのli要素に、以下を参照してください。

 #menu li {            
        display:block;
        float:left;
        border-top:1px solid #CCC;
        text-transform:uppercase;
        width:auto;
        *zoom:1;
        *display:inline;
    }
    #menu li a {
        padding: 10px 15px 10px 25px;
        display:block;
        height:50px;
        text-decoration:none;
        color:#FFF;
        *zoom:1;
        *display:inline;
    }