ナビゲーションli項目 (黄色のセクション) が中央からずれていることに気付きました。そのため、含まれているdiv/nav幅と背景の背景色を変更して、ずれを修正しようとして何が起こっているかを確認できました。ただし、これが発生する理由がわかりません (約 6 ブラウザーで)。
問題のあるマークアップ/CSS は次のとおりです: http://building-more.site50.net/
jsfiddle で正常に動作するようです: http://jsfiddle.net/cTXXH/1/
IE ではまったく表示されないようですが、何が問題なのですか?
これは、一部の要素には既にパディングやマージンなどのデフォルト値があり、配置が歪んでいるためであり、これはブラウザごとに異なる可能性があります. そのため、独自のスタイルを開始する前に、CSS をデフォルトで 0 のマージンと 0 のパディングを使用するように「リセット」することがよくあります。
「CSS の正規化」がチェックされているため、あなたの例は Fiddle で正常に動作します。これは、次の場所にある CSS リセットに似たフレームワークです: http://necolas.github.com/normalize.css/ - デフォルトの配置がブラウザ間で一貫していることを確認し、作業する白紙の状態を提供します。 .
あなたのウェブページにそれを含めるなら、それはあなたの問題を解決するでしょう. それが役立つことを願っています。
また、IE チェックの endif ステートメントで終了ブラケットを忘れたようです。
次のようにする必要があります。
<![endif]-->