ciao a tutti
sto realizzando un semplice impaginato con i css ma mi sono bloccato su una cosa...
ho un div "contenitore" e 5 div interni chiamati rispettivamente "testata", "navigazione", "colonna", "contenuti" e "piede"
questo è l'html:

<html>
<body>
<div id="contenitore"></div>
<div id="testata"></div>
<div id="navigazione"></div>
<div id="colonna"></div>
<div id="contenuti"></div>
<div id="piede"></div>
</div>

e questo è il CSS

html,body{margin:0; padding:0; height:100%}
body{font-family:"Lucida Grande"; font-size:76%; text-align:center; height:100%}
#contenitore{width:800px; height:100%; margin: auto; padding:0; clear:both}
#testata{width:auto; height:150px; background-color:#00FF00;}
#navigazione{width:auto; height:30px; background-color:#CC0000;}
#colonna{width:200px; height:auto; background-color:#9900FF; float:left;}
#contenuti{width:auto; height:600px; background-color:#3300CC;}
#piede{width:auto; height:30px; background-color:#FF00FF;}

il mio problema è il seguente...
come posso fare si che la colonna sia automaticamente alta fino al piede?
Sperando di essere stato sufficentemente chiaro, vi ringrazio per ogni aiuto...