Ombre, maledetto Explorer

[bardo]

Ciao a tutti. Sto cercando di fare un layout con intestazione, menu, tre colonne, piè di pagina. Voglio anche due ombre laterali, il tutto centrato nel body. Ho costruito un container con un’immagine di sfondo che mi dia le due ombre e che faccia anche da sfondo alle colonne laterali. Gli ho dato questo padding, 0 10px 0 10px, in quanto le ombre sono larghe appunto 10px. Tutto bene con Mozilla e Opera, con Ie invece la terza colonna va a capo. Non riesco a capire perché. L’immagine di sfondo è larga 720px, il container 700px + 20px del padding. Le colonne sono 150+400+150, i conti dovrebbero tornare, e infatti tornano con M e O ma non con Ie.
E’ qui http://www.comune.pigna.im.it/prova/ e il css è qui http://www.comune.pigna.im.it/prova/css/default.css
Grazie se qualcuno mi schiarisce un po’ le idee.

[V4NY]

Perche non puoi floattare tre colonne allo stesso lato la terza deve essere float right.
Oppure fai left flottata a sinistra right a destra e il div centrale a % con margin left e margin right.

[bardo]

Grazie V4NY, ma purtroppo non ho ottenuto risultati. E' come se la colonna dx in Ie avesse un margin right di 10px. Ho provato a dare a questo margin -10px a in Ie tutto fila, ma non fila più in Mozilla e in Opera. Che baco è questo? E ed possibile porvi rimedio, oppure bisogna ricominciare tutto da capo?

[bardo]

Mi dimenticavo, puoi vedere le modifiche alle url del post