Ciao a tutti, premetto che non sono esperto in css...

ho un problemino in un sito ho il seguente layout
<div id="content">

<div id="header"></div>
<div id="nav"></div>
<div id="main">
<div id="page"></div>
<div id="sidebar"></div>
</div>
<div id="footer"></div>
</div>

Il problema l'ho con l'elemento main e il suo contenuto, vorrei inserire nel main uno sfondo diverso dagli altri elementi, solo che non riesco a farlo estendere fino alla dine della sidebar, anzi non si estende proprio... gli elementi contenuti (page e sidebar) sono posizionato con i float.
Potrei raggirare il problema inserendo la sidebar prima della page ma vorrei evitare questa soluzione perchè non vorrei essere penalizzato nell'indicizzazione del sito, visto che ho già una navbar prima del contenuto..

cosa mi consigliate.?!?

ciao Massimom