Premetto di essere una newbba con i CSS
Sto cercando di realizzare una pagina web che sia suddivisa in questa maniera:

<div id='pagina' align="center">
<div id='logo'>
</div>
<div id='menu'>
</div>
<div id='barra_sx'>
</div>
<div id='barra_dx'>
</div>
<div id='barra_dx'>
</div>
<div id='contenuto'>
...contenuto vario...
</div>
</div>

Vorrei utilizzare il div "barra_sx" e "barra_dx" per caricare delle texture che mi faranno da bordi
al contenuto vero e proprio. Entrambi i div sono di tipo float uno a sinistra e l'altro a destra.
Il problema è che questi div si dimensionano solamente se specifico l'altezza minima in caso
contrario non vengono visualizzati.
Ripeto so che la mia newbbagine a riguardo è alta, ma non riesco a venirne a capo.
Il div contenuto è quello vero e proprio e vorrei che i div "barra_sx" e "barra_dx" si adattassero
alla dimensione del "contenuto" che varierà in base al contenuto della pagina.
Sebbene "barra_sx" e "barra_dx" siano figli di "pagina" e quest'ultimo div si adatta come altezza
al contenuto, "barra_sx" e "barra_dx" non si muovono a meno che io indichi esplicitamente l'altezza minima. Inoltre indicando altezza ereditata dal padre la situazione non cambia.