CSS: Content wird unter dem Design angezeigt?

#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}
 #counter{display: none;}
 #nav_container{display: none;}
 #li.nav_element{display: none;}

#ganz_oben {
width: 1024px;
height: 69px;
background-image: url(http://img.webme.com/pic/p/philipp7/ganz_oben.gif);
}

#navi_oben {
width: 1024px;
height: 38px;
background-image: url(http://img.webme.com/pic/p/philipp7/navi_oben.gif);
}

#header {
width: 1024px;
height: 128px;
background-image: url(http://img.webme.com/pic/p/philipp7/header.gif);
}
#navi {
width: 1024px;
height: 39px;
background-image: url(http://img.webme.com/pic/p/philipp7/navi.gif);
}
#content {
padding-left: 180px;
padding-right: 180px;
background-repeat: repeat-y;
width: 1024px;
background-image: url(http://img.webme.com/pic/p/philipp7/content.gif);
}
#unterer_content {
width: 883px;
height: 117px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/p/philipp7/unterer_content.gif);
}
#footerdiv {
background-color: #FFFFFF;
width: 1024px;
}
#footer {
width: 884px;
height: 109px;
background-image: url(http://img.webme.com/pic/p/philipp7/footer-links.gif);
}
#footer_rechts {
float: right;
width: 140px;
height: 122px;
background-image: url(http://img.webme.com/pic/p/philipp7/footer-rechts.gif);
}

<div id="ganz_oben"></div>
<div id="navi_oben"></div>
<div id="header"></div>
<div id="navi"></div>
<div id="content"></div>
<div id="unterer_content"></div>
<div id="footerdiv">
<div id="footer"></div>
<div id="footer_rechts"></div>
</div>