Volevo sapere come faccio a ottenere due box affiancati che a seconda del contenuto si allungano e il footer resta sempre attaccato al margine inferiore dei due box.

il codice è queto e si vede evidentemente qual'è il mio problema

_______________________

<html>
<head>
<title>prova</title>
<style type="text/css">
#header {position: relative; width: 715px; background-color: #ffabcd}
#boxcentro {position: relative; width:715; background-color: #0000ff}
#boxsin {position: relative; width: 500px; left: 5px; background-color: #00ff00}
#boxdex {position: absolute; width: 200px; top: 0px; left: 510px; background-color: #ff0000}
#footer {position: relative; width: 715px; background-color:#ffabcd}
</style>
</head>
<body>
<div id="header">
header
</div>
<div id="boxcentro">
<div id="boxsin">


BOX DI SINISTRA</p>


BOX DI SINISTRA</p>


BOX DI SINISTRA</p>


BOX DI SINISTRA</p>


BOX DI SINISTRA</p>


BOX DI SINISTRA</p>


BOX DI SINISTRA</p>
</div>
<div id="boxdex">


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>


BOX DESTRA</p>
</div>
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html>
___________________

GRAZIE

ps : non voglio usare tabelle ma solo CSS. TNX