Problema con zoom: 1

[ivanhalen]

Salve,
Ho una pagina (http://www.ivanhalen.com/css/3admin.htm) che si vede bene con FF3 e male con IE6: in particolare, mi sembrava già ad occhio che la distanza tra la colonna centrale e le due colonne laterali fosse "sbagliata" su IE e "giusta" su FF, ma aggiungendo dei bordi la cosa è lampante

Su FF infatti i bordi rossi e neri si sovrappongono perfettamente (giusto), su IE 6 no!
Ho trovato che la causa di ciò è una proprietà di IE che, del resto, ho messo proprio per evitare altri bug: la proprietà incriminata è zoom:1... se la mantengo ho questo bug, se lo tolgo ne appaiono altri mille (footer che viene posizionato male, immagini di sfondo della colonna centrale con strani margini laterali, ecc.)

Avete qualche soluzione per questa pagina?
Grazie in anticipo per le risposte, come sempre :-)

[diaz]

per la differenza di larghezza controlla i padding
se usi padding e per lo stesso elemento hai applicato un width, avrai il famoso box model bug di IE. Per risolverlo devi applicare una larghezza sottraendo la larghezza del padding.
Per quanto riguarda i bordi, sono necessari di quel colore? Puoi mettere un bordo dello stesso colore del background in modo che nessuno lo vede. O se ti serve farlo apparire, usa una immagini di background. Questo ovviamente e' un quick fix niente di pulito

[ivanhalen]

Uhm... l'elemento in questione è #main-center, ma non ho assegnato nè padding nè larghezza (lo si può vedere nell'html della pagina): solo dei margini a destra e sinistra per far visualizzare le colonne... :master:
I bordi non sono necessari, li ho messi solo per visualizzare meglio il problema che comunque notavo già ad occhio anche prima...