hey guys, quick question....
my website:
http://theh3helpers.tk has the empty space right above the banner at the top of the page...and I cannot figure out how to remove it completely so the banner is touching the very top of the page...here is the coding:
CSS
*|* {
margin:0pt;
padding:0pt;
}
body {
background: transparent url(background.gif) repeat-x center top;
background-color:#0d1216;
font-family:Georgia,"times new roman",serif;
font-size:13px;
color:#4f7288;
margin:0;
padding:0;
}
p {
line-height:1.5;
padding-bottom:12px;
}
h1 {
font-family:Georgia,"times new roman",serif;
font-size:20px;
font-weight:normal;
color:#fff;
line-height:1.5;
}
h2 {
font-family:Georgia,"times new roman",serif;
font-size:18px;
font-weight:normal;
color:#ffffff;
line-height:1.5;
}
#wrapper {
width:960px;
margin:0pt auto;
}
#sitename {
height:63px;
width:960px;
font-size:30px;
color:#cccccc;
font-weight:normal;
padding-top:25px;
}
#content-wrapper {
background:transparent url(content_background.jpg) repeat-x center top;
float:left;
width:960px;
margin-top:9px;
margin-right:0px;
padding-bottom:25px;
}
#navigation {
float:left;
background-color:#0a161b;
width:948px;
font-size:12px;
color:#060e11;
padding:16px 0px 0 12px;
}
#navigation ul {
float:left;
padding:0 10px 0 0;
margin-left:0;
}
#navigation li {
float:left;
display:inline;
height:30px;
font-size:1em;
padding:0px 20px 6px 10px;
}
#navigation a:link {
color:#fff;
text-decoration:none;
}
#navigation a:hover {
color:#fff;
text-decoration:none;
}
#navigation a:visited {
color:#fff;
text-decoration:none;
}
#active a:link {
color:#63afde;
text-decoration:none;
}
#active a:hover {
color:#63afde;
text-decoration:none;
}
#active a:visited {
color:#63afde;
text-decoration:none;
}
a:link, a:hover, a:visited {
color:#63afde;
font-weight:normal;
text-decoration:none;
}
.weebly_header {
background:transparent url(%%HEADERIMG%%) no-repeat center top;
float:left;
width:960px;
height:314px;
}
#contents {
width:920px;
min-height:500px;
height:auto !important;
height:500px;
padding:20px;
}
#footer {
float:left;
width:960px;
height:36px;
margin:20px 0 30px 0;
background-color:#0c1c23;
}
#footer-contents {
float:left;
font-family:Georgia,"times new roman",serif;
padding:11px 0px 0 20px;
width:940px;
height:28px;
}
input {
background-color:#394c5b;
border:1px solid #999;
font-size:12px;
color:#000000;
}
textarea {
background-color:#394c5b;
border:1px solid #999;
font-size:12px;
color:#000000;
}
div#commentArea div.blogCommentOwner {
background: #323242;
border: 1px solid #505060;
}
/****************************** flyout menus ******************************/
#weebly-menus .weebly-menu-wrap {
z-index: 5000;
}
#weebly-menus .weebly-menu {
padding: 0;
margin: 0;
list-style: none;
}
#weebly-menus .weebly-menu li {
float: left;
clear: left;
width: 170px;
text-align: left;
}
#weebly-menus .weebly-menu li a {
position: relative;
display: block;
width: 100%;
background: #2a3e4e;
border-right: 1px solid #394c5b;
border-left: 1px solid #394c5b;
border-bottom: 1px solid #394c5b;
text-decoration: none;
font-size: 11px;
font-weight: normal;
line-height:1;
padding:5px;
color: #fff;
}
#weebly-menus .weebly-menu li a:hover {
background: #2a3e4e;
}
#weebly-menus span.weebly-menu-title {
display: block;
padding: 5px 10px;
}
#weebly-menus span.weebly-menu-more {
background: transparent url(
http://images.weebly.com/weebly/imag...menu_arrow.gif) no-repeat center top;
display: block;
position: absolute;
right: 5px;
top: 0;
font-family: Courier;
height: 28px;
line-height: 28px;
padding:3px 0 3px 0;
}
HTML (not sure if this is needed)
<!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="en" lang="en">
<head>
<title>%%TITLE%%</title>
<!--[if IE 7]>
<style>
p {
line-height:20px;
padding-bottom:0;
}
h1 {
font-size:20px;
font-weight:normal;
color:#fff;
padding-bottom:0;
}
h2 {
font-size:16px;
font-weight:normal;
color:#999999;
padding-bottom:0;
}
#navigation {
float:left;
background-color:#0a161b;
width:948px;
font-size:12px;
color:#060e11;
padding:16px 0px 0px 0px;
}
#navigation-links li {
float:left;
display:inline;
font-size:1em;
padding:0px 20px 10px 0px;
border:1px solid red;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="sitename">%%TITLE%%</div>
<div class="weebly_header"></div>
<div id="navigation">%%MENU%%</div>
<div id="content-wrapper">
<div id="contents">
%%CONTENT%%
</div>
<div id="footer">
<div id="footer-contents">%%WEEBLYFOOTER%%<div>
</div>
</div>
</div>
</body>
</html>
If anyone could help me out it would be great 
Thanks!
Before you post, read our: 
Quick Question: empty space at top of page
