[Resolvido] Como fixar o rodapé no final da página

Olá pessoal!! :rolleyes:

Estou que pesquiso aqui sobre como fazer o seu rodapé fixar no final da página... mas não estou conseguindo de jeito nenhum... Já tentei fazer igual ao modelo da MATÉRIA que tem no imasters... ja tentei fzer igual a varias soluções aqui do forum mas nao consegui....

No meu caso na verdade, eu consegui fazer ele ficar embaixo, mas qdo abro um conteudo que faça o browser aumentar, o rodape não acompanha esse crescimento... e o conteudo fica sobre ele ... :unsure:

codigo css:

*{

margin:0;
padding:0;
outline: none;
}

#div_geral{
width: 100%;
margin: auto;
background-color:#FFFFFF;
}

#topico_atividade /vai dentro da div CONTEUDO/
{

color: #000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 4px;
background-color: #E7F3FA;
border-top: 1px solid #7CCAE5;
border-bottom: 1px solid #7CCAE5;
}

#div_conteudo

{

padding-bottom:30px;
}

#div_rodape

{

bottom: 0;
position:absolute;
background-color: #4F81BD;
height: 40px;
width:100%;
}

estrutura da pagina:

<div id="div_geral">
	<table width="100%" border="0">
	<tr><td><?php include ('include/topo.php'); ?></td></tr>
	<tr><td height="5"></td></tr>
	</table>
	<div id="div_conteudo">
	<table width="100%" border="0" height="100%">
	<tr>
	<td valign="top"><?php include('include/atividade.php'); ?></td>
	</tr>
	<tr>
	<td>
 <?PHP
 include('include/exercicio.php');
 ?>
	</td>
	</tr>
	</table>
	</div>
	<div id="div_rodape">
	<?php //include ('include/rodape.php'); ?>
	</div>
</div>

Sei que nao e totalmente em tabless... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif mas estou aprendendo e tentando me organizar.... visualmente da pra perceber que nao uso colunas .... :rolleyes:

[]´s Galera!!!

Flávia