ページ上部に空白ができます
いつもお世話になります。
dreamweaver8でホームページを作っています。
下記のような記述をすると、ページ上部に空白ができます。
どこを直せばよいのでしょうか、教えて下さい。
【CSS】
#body{
font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック", Osaka,"Hiragino", "ヒラギノ角ゴ Pro W3", sans-selif,;
color: #333333;
font-size:10px;
margin: 0;
padding: 0;
text-align: center;
}
#wrapper {
width: 722px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
background-image: url(img/sidebk2.jpg);
background-repeat:repeat-y;
}
#header {
background-color: #FFFDE5;
background-image:url(img/title_bar.jpg) ;
background-repeat:no-repeat;
height: 62px;
width: 722px;
margin-bottom : 0px;
}
#header p {
position: relative;
margin: 0;
top:42px;
left:570px;
width:150px;
color:#ffffff;
font-size: 11px;
}
【HTML】
!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>無題ドキュメント</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all">
</head>
<body>
<div id="wrapper">
<div id="header">
<p>| <a href="http://***.com" target="_blank">ブログ </a>|<a href="../sitemap.html">サイトマップ</a> | </p>
</div>
</div>
</body>
</html>
お礼
無事解決しました、ありがとうございました。