CSSテクニックコミュのh１にimgを指定するとmargin-topが勝手に入ってしまいます

<h1>にimgを指定したのですが、何故か勝手にmargin-topがはいってしまいます。なぜなんでしょう？わかりません。。すいません、みなさんの力を貸してください。。ブラウザはIE７とFF2でチェックしています。

このようなページです。
http://www.geocities.jp/rocket1789/index.html
ソースは
-------------------------------------------------
<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="keywords" content="gravity-ahead,GRAVITY-AHEAD,ハードロック,ハードコア,バンド,ドラム募集,本格派,タイバン,プロ志向,ライブ,ボーカル" />
<meta name="description" content="このウェブサイトはハードロックバンド、GRAVITY-AHEADを紹介するためのものです。" />
<link rel="stylesheet" href="pre3.css" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
<h1><img class="image" src="image/gravity1.png" width="560" height="113"></h1>
<div id="content">

<div id="globalNav">
<ul>
<li class="band"><a href="band/index.html">Band</a></li>
<li><a class="band" href="MEMBER/index.html">MEMBER</a></li>
<li><a href="http://www.myspace.com/gravityahead">MUSIC</a></li>
<li><a href="LIVE/index.html">LIVE</a></li>
</ul>
</div>
<h2>information</h2>
<p>ホームページ作成中。近日公開。</p>

<img src="http://counter.geocities.jp/ncounter.cgi?id=rocket1789" alt="Counter" />
</div>
</div>
</body>
</html>
--------------------------------------------------
@charset "Shift_JIS";

*{
margin: 0px;
padding: 0px;
border: 0px;
}

body{
font-size: 100%;
text-align: center;
color: white;
letter-spacing: 0.2em;
font-family: "Gill Sans","Lucida Grande","Georgia","Arial","Verdana","Times";Verdana"," Times";
background: black;
}

#wrapper{
position: relative;
width: 560px;
margin: 0px auto;
padding-top: -127px;
height: 906px;
background: url(image/jay-black-sing2.jpg) top left no-repeat;
}

#globalNav{
text-align: center;
margin-top: 100px;
}

ul{
list-style-type: none;
}

li{
margin: 40px 0px;
}

a{
text-decoration: none;
font-weight: bold;
font-size: 120%;
color: red;
}

a:hover{
color: white;
}

img{
margin-top: 200px;
}

-------------------------------------------------

こんな感じなのですが、よろしくお願いいたします。