ホワイトギャップとAppleのスタイルCSSのspritesheetメニュー

Question

に破ることは非常にシンプルなCSSです、そして私の目標は、基本的にAppleのメニューバー

Strangely-を複製することで、私は間の白のギャップを取得していますhttp://shivimpanim.org/testsite/

を参照してください。いくつかのボタン、そして最後のボタンは次の行に壊れています！

今のところ、私は確かにそれがhtml/cssエラーであり、私が見ている仕切りではないことを確かめるために、グラフィックの仕切りを削除しました。

:)

感謝を助けてください！

Answer 1

Firefox 5またはIE8（あなたはどちらのブラウザを使用していますか？）で話している白い隙間は表示されません。しかし、最後の<li>が次の行にドロップする理由は、ボタンの幅がコンテナの幅が大きすぎるためです。

<ul>の幅は960ピクセルですが、<li>の幅の合計は970ピクセルです。したがって、あなたの<li>アイテムのいくつかを合計10px減らすと、それはすべて適合するでしょう。