Il "clear: both" agisce anche per div esterni al suo contenitore

Forse il titolo è un po' complicato.. beh pazienza :-P

Allora, mi ritrovo con un problema di layout.
Ne ho estrapolato e semplificato una parte, dove risiede il problema.

Codice HTML:

---

<div id="layout_contenitore">
<div id="layout_navigazione">
1<br>
2<br>
3<br>
4<br>
5
</div>
<div id="layout_contenuto">
<div style="clear: both">

CONTIENE ALTRI DIV CON FLOAT LEFT.
DI QUESTI CONTENITORI NE SONO PRESENTI PIU' DI UNO IN CASCATA
L'HO SEMPLIFICATO IN QUESTO MODO PERCHE' IL PROBLEMA SI VERIFICA ANCHE COSI'

</div>
</div>
</div>

---

Questo è la parte del codice css interessato

Codice:

---

#layout_navigazione{
        float: left;
        width: 215px;
}
#layout_contenuto {
        margin-top: 5px;
        margin-left: 230px;
        border: 1px solid #000000;
}


/* DA NOTARE IL CLEAR. SENZA DI ESSO I DIV VENGONO ALLINEATI BENE, MA MI SERVE AVERLO */
.layout_galleria {
        text-align: left;
        margin-bottom: 7px;
        clear: both;
}

---

Questa piccola porzione di codice crea un layout a due colonne, dove la navigazione è a sinistra. All'interno della colonna centrale sono presenti altri div.
Se li imposto con un clear: both automaticamente il primo va sotto la navigazione, anche se non centra niente perché il clear è riferito agli elementi contenuti dentro il div centrale.

Cosa fare?

EDIT: Ho pensato di usare le tabelle per questo micro-layout. Sembra che mi trovo bene, ho solo da fare piccole correzioni.
Se comunque qualcuno ha un idea sul perché il clear ha quell'effetto, posti pure perché potrebbe riservirmi in futuro e forse anche ad altri utenti.
Ciaoo :wink: