IE7ヘッダーバグナビゲーション3px

私のウェブサイトのヘッダーは、ほとんどのブラウザーでうまく表示されますが、IE7でテストしたときには問題ありません。IE7ヘッダーバグナビゲーション3px

IE7では、明るい青色のヘッダーに沿って実行する必要がある場合、濃い青の#nav divが突き止めている行が表示されています。これには理由がありますか？ IE7で表示するには

はIE9> F12互換モードに

を行く私のヘッダーは、全体109pxです：

#header { 
    height: 109px; 
    width: 800px; 
}

開始上記のロゴ、その後43px高さのdiv #navのための66px高さの画像。なぜ43 + 66 = 109pxのときにそれが突き止められるのですか？

#nav { 
    background-color: #0071A7; 
    height: 43px; 
    position: relative; 
    width: 800px; 
}

2012-05-06 Ben Aidley

ur IMGクラスの場合は、display：blockを追加してみてください。？ –

画像はCSSの背景画像でなければなりません。要素ではありません。 –

@Shadow_boiそれは解決策です。あなたの答えに入れてください（*現在の答えの代わりに*）。 –

EDITED：

あなたは、トップを追加し、迅速な修正が可能になる要素....

、＃ヘッダーにCSSの背景画像として画像を置くことができません：IE7をターゲットにするには-3px。最高の練習ではありません。

#nav{ 
    position: relative; 
    *top: -3px; 
}

2012-05-06 18:52:32

答えて