salve gente,
per tradizione ho sempre costruito siti basati sulle tabelle, ma visto che il trend ormai e' orientato sui layout table-less con uso intensivo dei div, sto cominciando a sperimentarci su.

ho letto le guide relative ma continuo a non ottenere facilmente i risultati che con le tabelle invece ottengo nel giro di pochi minuti...

sto costruendo un sito con layout totalmente fluido, con un'intestazione, navigazione orizzontale, contenuto centrale, un piccolo campo "flottante" a destra, e un footer fisso.

il problema che ho e' che il campo flottante non si comporta correttamente con IE.

ecco uno screen esplicativo:


come potete vedere ho messo un div con dimensione assoluta dentro quello centrale per impostare una dimensione minima, visto che l'attributo min-width non funziona su IE.
il problema e' che il box a destra "flotta" sopra quello centrale, quando io vorrei che si fermasse come su Firefox.

qui' c'e' la pagina in questione:
http://www.ilgattaccio.org/
e qui c'e' il css:
http://www.ilgattaccio.org/main.css

i due div sono identificati come mainbox e rightbox

sapete come posso risolvere? ho una gran confusione con tutti gli attributi dei div...