scusate se tratto un argomento sicuramente già stratrattato. però ho un dubbio il sito che sto costruendo. molto semplice ha uno sfondo in una box mi sta centrato su un portatile wide screen ma mi va completamente a sinistra sul monitor del mio pc, tra parentesi entrambi i pc hanno montato IE7.

SITO

questo è l'estratto che interessa del css

html {margin:0 auto;}

body {

font-family:Arial, Helvetica, sans-serif;
line-height:18px;
font-size:12px;
color: #06185c;
background: #CCCCCC
height: 100%;
padding: 0;
margin-top: 0px;
}

#wrapper {

float:left;
width: 892px;
margin: 0 auto;
margin-top:0px;
position: relative;
bottom: 0px;
height:1190px;
overflow:hidden;
}

#container {

float: left;
width:892px;
background:url(sfondo_ombra2.jpg) no-repeat top center;
position:relative;
height:1190px;
}

e questo è il codice html

<div id="wrapper">
<div id="container">
<div id="supportinghome">[img]tasto_home.gif[/img]
</div>
<div id="supportingprodotti">[img]tasto_prodotti.gif[/img]
</div>
<div id="supportingcontatti">[img]tasto_contatti.gif[/img]
</div>
<div id="supportingdescrizione">[...] </div>
</div>
</div>


dove sbaglio ma soprattutto c'è un motivo nella differenza di visualizzazione?