ciao a tutti...

ho realizzato un layout fluido a tre colonne... il codice è il seguente:

codice:
<div id="contenitore">
   <div id="testa"></div>
   <div id="corpo">
      <div id="centro">centro</div>
      <div id="sinistra"></div>
      <div id="destra"></div>
      <br class="clear" />
   </div>
   <div id="footer"></div>
</div>
mentre il CSS è:

codice:
.clear{clear:both;}
#contenitore{width:95%;margin:10px auto;min-width:400px;max-width:1170px;}
	#testa{height:100px;margin-bottom:10px;border:1px solid #990033;}
	#corpo{width:100%;position:relative;}
		#centro{width:48%;margin:0 auto;}
		#sinistra{width:24%;position:absolute;left:0;top:0;}
		#destra{width:24%;position:absolute;right:0;top:0;}
	#footer{width:100%;}
il problema riscontrato è che, al crescere del div "sinistra", "corpo" rimane della stessa altezza di "centro", quindi "sinistra" si sovrappone a "footer".

qualche santo protettore dei CSS può darmi una mano?

è possibile fare in modo che sinistra (ma anche destra), pur essendo absolute rimangano nel flusso e vangano influenzati dal clear dentro corpo?

grazie a tutti e ciao