[Resolvido] Footer Menor que o conteúdo

Criei uma div footer que é colorida. O problema é que ela fica menor que o conteúdo dela, sendo que eu ttenho que determinar o height para que o o colorido espalhe.

Está mais ou menos assim:

>

<div id="footer">

	<div id="footer_body">

 <ul>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 </ul>

 <ul>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 <li>$$$$$$$$$</li>

 </ul>

 </div>

</div>

O Css fica assim:

>

#footer{

	width:100%;

	text-align:center;

	background:#dff9ea;

	clear:both;

	height:300px;

}

 

#footer_body{

	margin:0px auto;

	padding-top:20px;

	margin-top:20px;

	width:1000px;

	padding-bottom:10px;

	clear:both;

}

Alguém tem idéia da solução?