Ho cominciato da un po' ad interessarmi ai css per per la realizzazioni di strutture tableless visto che tutti lo consigliano.

Per ora sto realizzando il tutto su FF, poi dedicherò il mio tempo ad aggirare gli infiniti bug di IE e magari quelli di Opera.

Quello che vorrei realizzare è una struttura fluida di questo tipo:
codice:
   |   |   
 1 | 2 | 3
---+---+---
 4 | 5 | 6 
---+---+---
 7 | 8 | 9
   |   |
La cella 1,3,7,9 sono di altezza e larghezza fisse.
4 e 6 hanno altezza variabile, ma larghezza fissa.
2 e 8 hanno altezza fissa e larghezza variabile.
5 ha altezza e larghezza variabili.

In pratica la solita tabella con i bordi grafici che può essere ridimensionata a piacere.

per le celle 1,2,3 ho risolto usando il trucco di mettere 1 float:left, 3 float: right e impostare i margini laterali di 2 pari alla larghezza di 1 e 3.

Il problema è con le celle 4,5,6, se uso il sistema precedente le celle 4 e 6 non si adattano automaticamente all'altezza della cella 5 e quindi il giochetto fallisce.

Come posso risolvere il problema?

P.S. una volta realizzata la cosa i div che metterò all'interno della cella 5 saranno indipendenti dalle altre per quanto riguarda allineamento e dimensioni?

Grazie a chi mi risponderà.