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 回答日時： 2010/10/10 20:22

body,div,h1,h2{ margin:0; padding:0; border:1px solid red;}

こんな風に確認すると良く分かりますが。