Salve,
volevo sapere come posso creare una sorta di tabella con i css, ossia qualcosa del genere

header
_______________________
sidebar | mainbody
_______________________
footer

Ho scritto le seguenti classi

div#sidebar {
float : left;
width :220px ;
background-image :url(images/side.jpg) ;
margin-right:10px;
}

div#header {
background-color:#7faaca;
height :120px ;
/*margin-bottom:10px;*/
}

div#mainbody {
margin:auto;
height :100% ;
}

div#footer {
float:inherit;
height :80px ;
background-color:#9bcc73;
/*margin-top:10px;*/
}

e l'ho richiamate in quattro div consecutivi

<div id="header"></div>
<div id="sidebar">Prova</div>
<div id="mainbody">io sono il mainbody</div>
<div id="footer">Io sono il footer</div>

Il risultato è che la sidebar si sovrappone al footer.

come risolvo?

Grazie