CSSで、高さが違う画像を入れ替えるとずれます。

質問

headerに、横は同じで高さが違う画像を入れ替えると、ページのセンタリングがずれます。
<div id="header>は、画像のみです。

indexページの<div id="header>に、840×240の画像を入れて、
会社概要等の他のページの<div id="header>には、840×130の画像を入れると、ページのセンタリングがずれてしまいます。（←headerやmenu、footer等を包括しているdivです。）
IE6ではOKなんですが、firefoxで見ると崩れます。

headerの、width・heightの指定をしなくても、
header1、header2と分けて、サイズ指定してもずれます。

どうしたらいいでしょうか？
よろしくお願いします。

回答No.2

ORUKA1951 · ベストアンサー

opera,Safariなど他のブラウザでも確認してください。
IEのスタイルシートの解釈は間違いが多い。特にブロック要素の寸法解釈は・・
まあ、ブロックを内在するブロックをrelativeで配置し、その内部のブロックをabsoluteで配置すると良いかと・・

回答No.1

noname#83877

記述ミスの可能性が一番高いです。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
チェックしてみてください。