[erledigt]CSS: Content endet nach unten zu früh

/* Diese Klassen werden nicht 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;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}


body {
width: 100%;
height: 100%;
background-color:#B8D8D5;}


*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(http://img.webme.com/pic/s/stopferbedia/bannerstopfer.jpg);}
<div id="Mein_Bild"></div>

#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 921px;
height:104px;
background-color:#XXXXXX;
background-image:url(http://img.webme.com/pic/s/stopferbedia/bannerstopfer.jpg);
color:#XXXXXX;
font-size:13px;
border: 0px solid #FFFFFF;}

#content {
position: absolute;
left: 40%;
top: 140px;
margin-left:-320px;
width: 83%;
height: 100%;
padding: 10px;
color: #000000;
font-size:13px;
background-color:#FFFFFF;
background-image:url();
border: 1px solid #003344;
}



#sidebar_container{
position: absolute;
right: 85%;
top:140px;
margin-left: 300px;
width: 185px;
height: 100%;
background-color:#FFFFF7;
background-image:url;
border:1px solid #000000;
color:#000000;
overflow:auto;}



#nav_container{
visibility:hidden;}

/* Link und Textformatierung */
p, div, b{color: #000000;}

td.nav a{
color:#000000;
text-decoration: none;}

a:hover {
color: #000000;
text-decoration: none;}

a: link {
color: #000000;
text-decoration: none;}

a:active {
color: #000000;
text-decoration: none;}

#counter {
visibility:hidden;}