Posizionamento box all'interno di altri due box

[8andreaghiacci3]

Ciao a tutti ancora non sono entrato a pieno nella logica dei posizionamenti.

Ho questo problema. Ho un id chiamato corpo (position: relative) che al suo interno ha un'altro id chiamato colonna2 (non posizionato), all'interno di colonna due devo inserire 6 box ordinati 2 per ogni riga e 3 per colonna. Diciamo che con le tabelle avrei risolto subito ma io voglio usare solamente css. Qualche suggerimento?
Grazie

[Mich_]

Prima bozza :

HTML:
<div id="corpo">
  <div id="colonna2">
    <div class="box">

testo del box 1</p></div>
    <div class="box">

testo del box 2</p></div>
    <div class="box">

testo del box 3</p></div>
    <div class="box">

testo del box 4</p></div>
    <div class="box">

testo del box 5</p></div>
    <div class="box">

testo del box 6</p></div>
  </div>
</div>


CSS:
#corpo {
  ...
}
#colonna2 {
  width: ...;   /* e` molto piu` semplice se la larghezza e` definita */
  ...
}
#colonna2:after {
  clear: left;
  ... vedi [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float
}
.box {
  width: 49.8%;
  float: left;
  height: ...;    /* probabilmente serve, in modo da averli tutti uguali */
  overflow: ...;   /* serve se il testo puo` essere piu` alto di height */
}

Nota: se ci sono altri float nella pagina, la cosa e` piu` complicata. Potrebbe essere utile che gli altri float siano right, in modo da non interferirre con quelli left qui usati

[8andreaghiacci3]

Ok thanks