html - ナビゲーション バーの項目をボックス シャドウの幅全体に拡張しますか?

Question

ここに私が取り組んでいるものがあります: www.buymaengdakratom.com

ボックスの影の白い背景が表示されないように、ナビゲーションバーの項目をボックスの影の幅全体に拡張しようとしています。

これが私が使用しているCSSとHTMLですhttp://jsfiddle.net/Abijah/DJsKk/

Answer 1

これは私のために働いた：

width: 970px;のとpadding: 0;を設定し#appleNavます。

こちらを参照してください: http://jsfiddle.net/DJsKk/2/。

Answer 2

これを行う1つの方法を次に示します。のパディングを削除し<ul>、ディスプレイをテーブルに設定します。次に、リスト項目で、その表示を table-cell に設定します。float:left もリスト項目から必ず削除してください。

追加された CSS:

ul {
    padding:0;
    display:table;
}
li {
    display:table-cell;
}

jsFiddle の例。

これは、最新のすべてのブラウザーと IE8+ で機能します。