Sayfa uzadıkça div için otomatik yükseklik ayarlama

Arkadaşlar her zaman kullandığım mantıkla bir kodlama yapıyorum nerede hata yapıyorum bir türlü bulamadım.

Yapmak istediğim şey orta alan için bir div oluşturup daha sonra bu orta alanı da sağ ve sol olarak bölmek istiyorum. Herşey tamam ama orta alanın yüksekliği otomatik belirlemiyor. Arkaplan resmi uzamıyor.

Html kodları :

<div id="ortaalan">
<div id="sol">sol bilgiler buraya geliyor</div>
<div id="sag">sağ menüler buraya geliyor</div>
</div>

Css kodları :

#ortaalan {
	margin-top:-20px;
	padding:20px 30px 20px 30px;
	width:870px;
	background:url(images/ortabg.png);
	color:#333;
}
#sol {
	width:590px;
	float:left;
	padding:10px;
}
#sag {
	width:200px;
	float:right;
	padding:10px 20px 10px 10px;
	background:#f1f1f1;
}

Nerede hata yapıyor olabilirim ?

merhabalar

<div id="ortaalan">
<div id="sol">sol bilgiler buraya geliyor</div>
<div id="sag">sağ menüler buraya geliyor</div>

<div style="clear:both;"></div>

</div>

böyle dener misiniz?

Kardeş çok teşekkür ederim, div içerisinde clear kullanmak hiç aklıma gelmemişti

height:auto verdiğiniz dış elementin kapanış etiketinden önce her zaman clear:both kullanmayı alışkanlık haline getirin sorun yaşamazsınız

Kafa durunca tam duruyor şimdi bakıyorum tüm kodlamalarda kullanmışım zaten