CSSで余白とパディングに”０”を指定したのに上部に余白ができてしまう

解決済

質問者：magier
質問日時：2009/02/24 03:09
回答数：2件

DREAMWEAVER8で作成しているのですが、ヘッダーの上部にCSSで背景としてグラデーション画像をいれてます。
そして、<h1>でロゴ画像を入れると何故かヘッダーのグラデーション背景の上に20ピクセルぐらいの空白が出来てしまいます。
IE6では空白がないのですが、FIREFOX2だと空きます。
分かる方いらっしゃったら教えて下さい。
ソースはこれです↓
【html】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>無題ドキュメント</title>
<style type="text/css" media="all">@import url("school2.css");</style>
</head>

<body>
<div id="wrapper">
<div id="header">
<h1><img src="images/Logo03.gif" width="310" height="90" /></h1>
</div>
</div>
</body>
</html>

【css】
body {
background: #E0FFCE;
text-align: center;
margin: 0px;
padding: 0px;
font-family: "ＭＳＰゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
height: 800px;
width: 800px;
border: 1px solid #009999;
background: #FFFFFF;
}
#wrapper #header {
background: url(images/Backheader3.gif) no-repeat;
margin: 0px;
padding: 0px;
height: 120px;
border-bottom: 6px double #009999;
}
#wrapper #header img {
margin: 0px;
padding: 0px;
}