ciao a tutti, premetto che mastico poco il linguaggio html e css, e sono quindi alle prime armi con la realizzazione di siti web: spero allora di essere il più chiaro possibile.
Sono svariati giorni che provo a realizzare un contenitore che si ridimensiona in funzione di una colonna principale interna ma senza risultato e non riesco a capire dove sbaglio.. il mio sito contiene un body contenitore (div id) che raccoglie due colonne flottate (una a sinistra e una a destra); vorrei che all'allungarsi in verticale della colonna di sinistra, cresca anche il body contenitore. grazie per la pazienza

per rendere più chiaro il mio problema ho riportato il codice html col css integrato


body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}
#header {
background-attachment: scroll;
background-image: url(antaresblog_files/background.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 258px;
width: 960px;
margin: auto;
}
#body {
background-attachment: scroll;
background-image: url(antaresblog_files/body.gif);
background-repeat: no-repeat;
background-position: center top;
height: 2300px;
width: 960px;
margin: auto;
}
#footer {
background-attachment: scroll;
background-image: url(antaresblog_files/footer.jpg);
background-repeat: no-repeat;
background-position: center bottom;
width: 960px;
margin: auto;
height: 160px;
}
#colonna_sinistra {
width: 405px;
height: auto;
float: left;
padding-left: 108px;
padding-top: 28px;
}
#colonna_destra {
width: 320px;
height: auto;
float: right;
padding-right: 108px;
}



<body>
<div id="header">
</div>

<div id="body">

<div id="colonna_sinistra">
</div>


<div id="colonna_destra">
</div>

</div>


</body>


e questo è il sito di provenienza http://www.antaresblog.altervista.org