IE８での段落のズレについて

Question

IE７では正常（自分が思うように）に表示してくれますが、
IE８では互換モードにしないと大きなタイトル文字の前に１つ
段落が出来てしまい、２行分のタイトルが４行になってしまい、
タイトル画像からはみ出てしまいます。
（下記の例ですと、「アウトドア」の表示が空白の行の下に来ます。
また、「大好き！」の前にも空白の行があり、文字自体も
タイトル画像からずれて表示されてしまいます）

色々チェックしたのですが自分では分からなかったので、どなたか
教えて下さい！
＜ＣＳＳ＞
body{background-color:#000099;}
div#box {width: 680px;margin-left:auto;margin-right:auto;
background-color:#ffffff;padding-top:10px;}
div#header{background-color: #999999;width:660px;height:290px;
　　　　　background-image: url(./boad.jpg);
　　　　　background-repeat: repeat;margin-right:auto;margin-left:auto;padding-top:10px;}
div#header h1{font-size: 12px;color:#ffffff;　　　　　　　　　　　　　　padding:0px 10px 0px 10px;
font-weight:bold;}
div#header h2 {font-size:12px;margin-left:20px;
　　　　　　　　　　font-weight:bold;color:#ffff00;}
div#header h3 {font-size:20px;margin-left:30px;　　　　　　　　　　　　　　color:#ffffff;}
div#header h4 {font-size:4.5em;color:#dddddd;
　　　　　font-weight:bold;
margin-left:80px;line-height:100%;}
div#header h5 {font-size:4.5em;color:#dddddd;
　　　　　　　　　　font-weight:bold;margin-left:280px;　　　　　line-height:100%;}
code.main　　　　　{text-align:left;}
.p1{font-size:15px;color:#333333;}
div#footer{width: 680px;margin-top: 50px;}
address{font-size: 0.75em;　text-align: center;
　　　　　　　　　font-style:normal;padding-bottom:20px; color:#cccc00;}

<HTML　～head以降>
<body>
<div id="box">
<div id="header">
<h1>釣りキャンプ車etc</h1>
<h2>多趣味な男のこだわり日記</h2>
<h4>アウトドア</h4>
<h5>大好き！</h5>
</div>

<p><code class="main p1">
　　皆さんはどんな趣味をお持ちですか？<br>
　　私は沢山の趣味を持っています。<br><br>
　　そのためいくら働いてもお金は溜まりません・・・・・<br>
　　でも、沢山の趣味を自分なりに楽しむのは<br>
　　ステキな事だと思っています。</code></p>
<div id="footer">
<address>多趣味研究会, All rights reserved.</address>
</div>
</div>
</body>
</html>

宜しくお願い致します。

　　皆さんはどんな趣味をお持ちですか？　　私は沢山の趣味を持っています。　　そのためいくら働いてもお金は溜まりません・・・・・　　でも、沢山の趣味を自分なりに楽しむのは　　ステキな事だと思っています。

宜しくお願い致します。

os6v100i · Accepted Answer

h4、h5のmargin-top、margin-bottomを適切に指定してください。

W3CのHTML4のデフォルトスタイルシートではh4では1.12em、h5には1.5emがそれぞれ上下のmarginに指定されていますが、IE7ではそうなっていないようです。

IE８での段落のズレについて

h4、h5のmargin-top、margin-bottomを適切に指定してください。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング