Ciao a tutti

sto sbattendo la testa su una cosa apparentemente semplicissima ma a quanto pare non è così.

La pagina sulla quale sto lavorando è:

http://www.pixelgraphic.it/home.asp

si 2 differenze tra IE e Firefox o Opera.

La prima sono quei 2 pixel che non allineano la colonna rossa con quella verde su IE mentre in Firefox e Opera l'allineamento è corretto.

La seconda differenza è che in IE la parte verde è "attaccata" correttamente al footer mentre negli altri 2 browser queste 2 parti sono staccate.

E' possibile correggere queste due differenze?

Ho validato il CSS ed è perfettamente a norma.

Potete aiutarmi?

Il mio foglio di stile è questo:
************************************************** *************
/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{position:relative; width:800px; margin: 0 auto;text-align: left;border-left: 1px solid #36c;border-right: 1px solid #36c; border-bottom: 1px solid #36c;}
/*stili generici, su header e footer*/
div#header{ margin:0px 0px -90px 0px;}
div#footer a{color: #fffff0;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
/*div#navigation{position:absolute;top: 80px;right: 0;width: px; border: 5px;}*/
div#content{padding:0px 0px 0px 0px;background-color: #fff}
div#contenuti{ position:relative; z-index:2; width:600px; margin: 10px 0px 0px 170px;background-color: #00CC33}
div#extra{position:relative; width:160px;\width:170px;w\idth:170px; height:80px;
top:92px;right:-20px;left:0px;background-color:#FF0000; z-index:2}
div#extra div.newsbox{font-size: 90%;margin-bottom: 0px;}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
div#footer{z-index:2; position:relative;text-align:center; padding: 0px 0px 0px 0px;background-color: #69c; color: #000}
************************************************** *************
Pierhagi