Ciao a tutti,
mi sto cimentando con i fogli di stile e l'html senza tabelle solo con i div.

dovrei creare una pagina di larghezza 766 con un header, una colonna sx, il corpo e il piede.

ho creato gli stili per ogni area. Il problema è che la colonna sx e il corpo non vengono affiancati ma uno sotto l'altro, perchè???
vi posto il codice dei css e della pagina:


Pagina:

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


<div id="colonna_sx">
<div class="box_news"></div>
<div class="div_1"></div>
<div class="box_menu"></div>
</div>


<div id="centrale">
<div class="intestazione"></div>

<div class="corpo"></div>


</div>

<div id="footer">
<div class="img_piede"></div>
<div class="info"></div>
</div>



i css:


#header {
width: 766px;
height: 176px;
}



#colonna_sx {
width: 210px;
height: 2px;
background: url('img/lbg.jpg'); white-space: normal;

}
#colonna_sx .box_news {
height: 150px;

}
#colonna_sx .box_menu {
height: 150px;

}
#colonna_sx .div_1 {
width: 210px;
height: 38px;
background: url('img/l2.jpg'); white-space: nowrap;
}

#centrale {
float: left;
width: 546px;
padding-left: 5px;
padding-right: 5px;
}
#centrale .intestazione {
height: 150px;
}
#centrale .corpo {
height: 300px;
}

#footer {
width: 766px;
height: 150px;
}
#footer .img_piede {
HEIGHT:41px; background: url('img/15.jpg'); white-space: nowrap;
}
#footer .info {
height: 150px;
}