IE7とIE8での表示の違いを無くすにはどうしたら良いか、お分かりにな

質問

IE7とIE8での表示の違いを無くすにはどうしたら良いか、お分かりになる方がいらっしゃれば、お教えくださいませ。

以下の様に、ＨＴＭＬとＣＳＳを記述したのですが、ＩＥ７は思う様に表示しますが、
ＩＥ８ですと、ヘッダー部分がやや縦長になってしまいます。

この差を無くすためにはどのように記述したら良いでしょうか？

どうぞ宜しくお願い致します。

※ＣＳＳの記述　---------------------------

/* コンテナ */
div#container {width: 760px; margin-left: auto; margin-right: auto; background-color: #ffffff;}

/* ヘッダー */
div#header {background-color: #017acd; background-image: url(top001.png);
padding: 10px 10px 25px 0px; }

div#header h1 {margin-top: 20px; margin-left: 30px; font-size: 17px;
text-align: left; font-weight:normal; text-decoration:none;
color: #ffffff; font-family: "cataneo BT",normal; word-spacing: 0.05em;}

div#header h2 {margin-top: 30px; font-size: 48px; text-align: center;

color: #ffffff; font-family: "cataneo BT",normal;}

※ＨＴＭＬの記述　-----------------------

<!-- コンテナ -->
<div id="container">

<!-- ヘッダー -->
<div id="header">
<h1>Welcome to my pages!</h1>
<h2>My HomePage</h2>
</div>

～中略～
</div>

回答No.1

naokita · ベストアンサー

body,div,h1,h2{ margin:0; padding:0; border:1px solid red;}
こんな風に確認すると良く分かりますが。