ciao a tutti.

sto creando in css un layout molto semplice, costituito da un header, 2 colonne (una larga centrale per il testo, una laterale, a destra, per il menu) e un footer.

la struttura è la sequente

codice:
	<div id="header">
	
	contenuto header

	</div>


	<div id="main-body">
	<div id="content">

contenuto testuale

	</div> 



	<div id="sidebar">
	
	contenuto menu laterale
	</div>



	</div> 
	</div> 


        <div id="footer">

	contenuto footer

	</div>
il problema è che se la colonna del testo (content) è piu' corta della colonna del menu (sidebar) il footer appare subito sotto al testo, tagliando a metà il menu. ovviamente io vorrei che il footer apparisse in fondo alla pagina, lasciando in bianco l'eventuale spazio che c'è tra la fine del content e la fine del menu..

tanto per capirci meglio, la situazione è questa:

http://img444.imageshack.us/img444/8...magine1nw2.gif

qualcuno mi sai aiutare?
grazie