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 回答日時： 2009/01/25 12:08

opera,Safariなど他のブラウザでも確認してください。

IEのスタイルシートの解釈は間違いが多い。特にブロック要素の寸法解釈は・・
まあ、ブロックを内在するブロックをrelativeで配置し、その内部のブロックをabsoluteで配置すると良いかと・・

No.1 回答者： noname#83877 回答日時： 2009/01/25 11:59

記述ミスの可能性が一番高いです。

http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
チェックしてみてください。