Problema de height con IE6

[gVenom]

Saludos.

Tengo un problema raro y no lo he podido corregir. En esta página pueden ver a que me refiero, eso si, con IE6:

http://blessingwave.org/

Como verán, cuando ya se termina el contenido de la página, el div "content", cuyo css es este:

Código css:

#content{
    position:relative;
    top:-550px;
    width:849px;
    height:300px;
}
 

sigue creciendo, como si hubeise algo mas ahi y no entiendo porque. Cuando comence esta página, use mucho las posiciones relativas ( que ya me corrigieron hace poco), asi que supuse que ese era el problema, pero se me desacomoda la cabecera si no las uso, mas bien, aun no soy capaz de organizar los elementos como se debe.

Pueden ver los css completos en http://blessingwave.org/css/
trabajo una hoja aparte para el IE6, en firefox y opera se ve bien.

Código CSS IE6:

#container{
    position:relative;
    margin:0 auto;
    width:860px;
    height:700px;
}
#header{
    width:857px;
    height:305px;
}
#menu{
 
    height:130px;
    width:190px;
    top:-162px;
    left:50px;
}
ul.menu{
 width:180px;
    list-style: none;
    margin: 0; padding: 0;
    border-bottom: 1px solid #000;
    border-right: 2px solid #999999;
}
ul.menu li {
  border-bottom: 1px solid #7C7C7C;
  border-top: 1px solid #000;
  font-family:"Tahoma", Arial, Century Schoolbook;
  font-size:14px;
  color:#fff;
  font-weight:bold;
  padding-top:6px;
  width:180px;
  display:block;
}
 
 
#pic-header{
 
    width:304px;
    height:206px;
    top:-331px;
    left:252px; 
}
#pic2{
 
    top:-534px;
    left:556px;
    width:258px;
    height:166px;
}   
#barra1{ height:37px; width:251px; top:-537px}
#barra2{  height:37px; width:291px; top:-575px; left:557px}
 
#content{
    position:relative;
    top:-550px;
    width:849px;
    height:300px;
}
#left_content{
    margin:0 10px 10px 15px;
    width:200px;
    float:left}
    
#center_content{
    margin:0 10px 10px 0;
    width:270px;
    float:left} 
    
#right_content{
    margin:10px 10px 10px 0;
    padding-left:15px;
    width:300px;
    float:right}    
 
#bottom{
    top:-550px;
    background-image:url(../images/bottom.gif);
    width:850px;
    height:35px;
    line-height:25px;
    clear:both;
}