IE7のCSSパディングトップがあまりにもうまく機能しています

Question

Firefox、Chrome、Safari、IE 9 & 8で、私はpadding-top: 148px;のナビゲーションを持っていますが、IE 7ではそれがあまりにも多くて、これの例はhttp://willruppelglass.com/index.phpです。なぜこれをやっているのですか？どうすれば修正できますか？

は、ここでCSS

.headerNav{ 
    color:#000; 
    margin:0 auto; 
    width: 1280px; 
    padding-top: 148px; 
} 

すべてのヘルプは感謝です、高度で感謝です。

Answer 1

上部要素にfloat:leftというプロパティがあり、padding-top：148pxを使用しているため、以下の構造を使用して、<div class="headerNav"></div>のパディングを調整してみます。 IE7では、他のブラウザと比較して、headerNav自体の内部にパディングが適用されています。

他のブラウザでは、パディングは表示ポートの上部から適用されています。

<div class="headerText"></div> 

    <div style="clear:both"></div> <!--this will clear the floating property for below elements and make the space and adjust all the elements below this div --> 

<div class="headerNav"></div> 

下の画像（IE7）には、パディングトップが表示されます。ボディーの上部からではなくdiv内で適用されています。

パディングトップを参照してください：148px体/ビューポートの上から適用します。下の画像（Firefoxの）