Div não aumenta conforme o conteudo!

[Cabuloz0 0]

Galera to com um problemão aqui. Eu li um tutorial de como deixar o rodapé no bottom da página, mas ai tive que definir um tamanho pra div do conteudo! Só que quando o conteudo ultrapassa o tamanho que eu defini pra ela ela não cresce nem no mozila, nem firefox, nem chrome já tem mais de 1h que to tentando aki e não consegui nada!!

CSS

html, body {
height:100%; 
width:100%;
background:#F3F3F3;
}
.corpo{
width:100%;
background:url(../img/bgContent.png) repeat-x center top;
margin:0;
padding:0;

}
#conteudo{
width:960px;
left:-480px; 
min-height:900px;
height: auto !important;
height: 900px;
margin:0 -50% 0 50%; 
background:#FFF;
position:relative;
}
#colunaE{
position:absolute;
width:120px;
min-height:100px;
margin:0;
padding:10px 0 0 0;
}
#colunaD{
position:absolute;
top:15px;
right:10px;
width:160px;
}
#clear{
width:100%;
height:20px;
}
#power{
position:relative;
bottom:0px;
margin-top:10px;
color:#FFF;
height:80px;
background:url(../img/bot_bg.png) repeat-x center top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:100%;
}

 

Página

<div class="corpo">
 <!-- ################################# CONTEUDO ############################### -->
 <div id="conteudo">
   <!-- ##### MENU ########-->
   <div id="colunaE">
   	<?php include('blocos/menu_auxiliar.php'); ?>
   </div>
<!-- ##### PRINCIPAL ########-->
   <div id="principal">
   	<?php
   if($id != ""){
    	if(file_exists("module/".$id.".php")){
		include("module/".$id.".php");
	} else {
		include("module/inicio.php");
	}
   } else {
	  include("module/inicio.php"); 
   }
 ?>
   </div>
   <!-- ##### NOTICIAS ########-->
   <div id="colunaD">
	<?php include('blocos/colunaNoticias.php'); ?>
   </div>
</div>
</div>
<div id="clear"></div>
  <!-- ################################# RODAPÉ SITE ############################### -->
  <div id="power">
      <?php include('blocos/rodape.php'); ?>
</div>

[Cabuloz0 0]

Tinha esquecido de postar o CSS da div "Principal"

#principal{
width:634px;
height:400px;
float:left;
position:absolute;
left:152px;
}

 

PS: Galera ajuda ai por favor!! Desde já agradeço!

[lardpotterr 0]

bom sei se entendi direito mais vc quer mudar isto

#principal{ width:634px; height:400px; float:left; position:absolute; left:152px; }

bom ela tem 634 de altura e 400 de largura vc quer que ela aumente de tamanho sozinha mais se nao tiver conteúdo dentro da div quer que ela continua com a taxa de tamanho de bom se for isto e facil

 

#principal{ width:634px; min-height: 400px; !importantfloat:left; word-wrap:break-word; /* Quebra De Linha */position:absolute; left:152px; }

adicionei quebra de linda pro texto ir na linha de baixo

mal_anjinho2@hotmail.com

[BrittosMonteiro 0]

Para que aumente de acordo com o tamanho, você simplesmente não precisa colocar uma altura definida.