Ciao a tutti,

Ho riscontrato un problema con IE6 e IE7 con la centratura orizzontale di un div e la centratura orizzontale di un immagine di background del body.

codice:
body{
margin: 0;
padding: 0;
text-align: center;
background: red url (verde.gif) top center repeat-y;
}
#container{
width:500px;
height:200px;
background:#fff;
margin:0 auto;
}
Pagina di esempio

Pare che IE non centri perfettamente il <div id="container"> e l'immagine di sfondo centrata del body.

Il container infatti con FF e Safari, risulta perfettamente centrato e sovrapposto all'immagine di sfondo del body... mentre con IE risulta spostato di 1px verso sinistra.

Qualche soluzione?