Ho provato a guardare il tuo codice, ma, non me ne volere, era un po' lunga l'interpretazione e per fare delle prove ci avrei messo troppo tempo.
Ho ottenuto un risultato che credo ti possa interessare:
Ho usato gli stili in-line per fare prima, ho pubblicato una pagina di prova:codice:<div style="width:750px; margin:0 auto 0 auto; border:1px solid #333333;"> <div style="width:750px; height:100px; background-color:#00FFFF;">HEADER</div> <div style="width:250px; height:400px; background-color:#CCCCCC; float:left">Testo a sinistra</div> <div style="width:250px; height:400px; background-color:#9999CC; float:left"> <div style="width:250px; height:100px; background-color:#FFCCFF; top:100%; margin-top:-100px; position:relative;">box al centro</div> </div> <div style="width:250px; height:400px; background-color:#CCCCCC; float:left">Menu a destra</div> <div style="clear:both; width:750px; height:50px; background-color:#00FFFF;">FOOTER</div> </div>
http://xoomer.alice.it/salvatore.ted...lineamento.htm
Pare funzionare con IE7, OPERA 9.10, NS 8.1 e FF 1.5.
Spero di essere stato utile...