Il div interno mi sfora

[frollino]

Salve a tutti. dovrei realizzare un layout molto semplice.

<div id="riga1">
<div id="colonna-a">Testo A</div>
<div id="colonna-b">Testo B</div>
<div id="colonna-c">Testo C</div>
</div>
<div id="riga2">
<div id="colonna-d ">Testo D</div>
<div id="colonna-e">Testo E</div>
<div id="colonna-f">Testo F</div>
</div>

che mi dovrebbe creare in totale 6 caselle: cioè due righe con 3 colonne l'una (ogni colonna affiancata all'altra (float: left).

ora: testo A può variare e diventare anche molto lungo.
Vorrei che quando Testo A è lungo, si allunghi tutto il blocco "riga1".

Adesso, infatti, se Testo A è lungo Testo A va a far scorrere Testo D in basso, mentre Testo E e Testo F vanno in alto a toccare Testo B e C.

Qualcuno sa aiutarmi?

[Mich_]

Prima di tutto una domanda:
Non e` che vuoi fare una tabella senza usare il tag <table>? In tal caso e` un errore semantico (stesso tipo di errore di voler fare un layout usando il <table>).

Per rispondere puntualmente alla domanda, hai due possibilita`:
- dare il float anche a #riga1 e #riga2
- inserire un blocco con clear dentro o subito dopo #riga1: vedi la pillola sul clearing di fcaldera in questo forum (usa la ricerca - bottone in alto).