Div não aumenta conforme o conteudo!

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>