largo de pagina variable en funcion del contenido automaticamente

[yonaida]

hola, gracias saul, ya puse el height en auto y parece que me vaya bien, lo que no consigo es que el pie se coloque debajo sino que sigue quedandose fijo: http://alconza.com/test3/marine/offshore_const_vessels.html
coloco el css para echar un vistazo a ver que se me esta escapando -.-

Código:

*	 {
	margin:0px;		
	padding: 0px;
	}
body {
	margin:0;
        padding:0;
        text-align:center;
	background-color:#fff;	 /*dbe3e8 dedede f8f8f8 e1e1e1 d4d4d4*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body#item1 a.selected1, body#item2 a.selected2, body#item3 a.selected3,
body#item4 a.selected4, body#item5 a.selected5, body#item6 a.selected6,
body#item7 a.selected7, body#item8 a.selected8
	{
	   text-decoration: none;			
	   background:transparent url('../img/blue_selected.png') repeat-x top left;
	   color:#336699;			
	}
body#item1 a.subselected1, body#item2 a.subselected2, body#item3 a.subselected3,
body#item4 a.subselected4, body#item5 a.subselected5, body#item6 a.subselected6,
body#item7 a.subselected7, body#item8 a.subselected8
	{
	   text-decoration: none;			
	   background:transparent url('../img/black.png') repeat-x top left;
	   color:#336699;
	}		
a:link, a:visited{
	text-decoration: none;
	color:#336699;
}
a:hover { color:black; text-decoration:none;}
a:active {
	text-decoration: none;
	color:#336699;
	font-weight:bold;
}

A.link1:link, A.link1:visited, A.link1:hover,A.link1:active
{
	text-decoration: none; /* pie */
	color:#336699;
}
A.link2:link, A.link2:visited, A.link2:hover,A.link2:active
{
	text-decoration: none; /* cabecera*/
	color:#336699;
}

h {text-align:center;}

#contenedor {	
	margin:0 auto;  
        width:1000px;	
 	background-color:white;
	text-align:left;
	height:auto;
	margin-bottom:5px;	
	}
#top_bar {	
	width:1000px;
	height:30px;
	float:left;	
	text-align:right;	
	z-index:10;		
	background-color:#fff;
	
}
.texto_topbar{
       font-size:11px;
       color:#fff;
       margin:5px;
       color:black;
}	
#head {	
	width:1000px;
	height:40px; 
	float:left;
	z-index:2;	
	background:transparent url('../img/blue4.png') repeat-x top left;
	border-top:0px solid #336699;
	
}

#head2 {
	width:1000px; /*CABECERA IMAGEN */ 
	height:195px;
	text-align:left;	
	}
#division {
	float:left;
	width:1000px;
	height:15px;	
	background-color:white;	
	z-index:20;
	border-top:0px solid #336699;
	}
#foto{
	float:left;
	width:1000px;	
	height:170px;
	z-index:10;
	text-align:left;
	
	}
#side_bar{
	width	:200px;
	height	:575px;	
    float:left;   		
	z-index		:15;
	background-color: white;	
	text-align		:center;
	color			:black;	
	font-size		:14px;	
}
#division2{
	width:1px;	
	height	:575px;	
        float:left;		
	z-index	:20;		
	border-right:1px solid #d4d4d4;	
	
}

#contenido {	
	margin-bottom:10px;
	width:796px;
	height:auto;	
	height:565px;  
	float:right;		
	z-index			:15;
	background-color: white;	
	font-size:12px;
}
#pie {
        width:1000px; 
	height:25px; 	
	z-index:90;
	font-size:11px;
	color: #336699;	
	background:white;	
	/*background:transparent url('../img/blue3.png') repeat-x top left;*/

#texto {

      width: 785px;
      height:auto;	
      float:left;
      margin:5px;
      z-index:	20;
      background-color:white;
      text-align:center;
}		

}