CSS：IE7のテーブルとテーブルセルの交換

Question

http://jsfiddle.net/vByVD/9/

これは私の持っているものです。ほとんどのブラウザでは、メニューが正しく表示されます。しかしIE7以下ではそれは別のものですが、そこには垂直です。

これは、テーブルtable-cellをサポートしていないためです。

CSSの最初の行に見られるようにいくつかのハックを試みましたが、それはうまくいきません。これは3 li horisontalを表示し、新しい行を表示し、他のliを表示します。

私はそれが他の新しいブラウザとして表示されたいので、その1行horisontal。

どうすればこの作品を作成できますか？

Answer 1

これを行うには2通りの方法があります。第一：第二

#header-nav{ 
    overflow: hidden; 
    zoom: 1; /* IE6 and below work around */ 
} 

#header-nav li{ 
    float: left; 
    margin: 0; 
    padding: 0; 
} 

#header-nav li a{ 
    display: block; /* if you want height and width */ 
    }  

：それは色、幅、高さ、マージン、パディングのためのブロックをスタイリングするためのビットより多くの制御を提供するよう

#header-nav li{ 
    margin: 0; 
    padding: 0; 
    display: inline; 
} 

は、個人的には、両者の最初の使用しますプラス、あなたが行うとき：ホバーはボックス全体がリンクです。テキストだけではありません。テーブルを使用しないことをお勧めします。あなたが見たように結果は予測できません。言うまでもなく、JQueryやCSSを使ってサブメニューを追加するのが簡単になりました。