Witam
Mam szablon przygotowany pod aukcje allegro. Wszystko zgadza się z regulaminem allegro co do znaczników. Szablon załadowany w firefox wygląda idealnie, czyli wyśrodkowany natomiast kiedy patrzę na aukcje korzystając z IE to wszystko znajduje się na lewej stronie. Domyślam się ze coś jest nie tak w css.
Proszę o pomoc
body
{ background: #eee url('http://www.komputerzagrosze.pl/allegro/bg.gif') no-repeat top left;
font-family: Arial,Verdana,Sans-serif;
color: #999;
font-size: 8pt;
text-align:center}
h1
{ background-color: #FFF;
color:#FF9900;
font-size:12pt;
font-weight:bold;
margin-top:0;
margin-bottom:10px;}
h2
{ background-color: #fff;
color:#FF9900;
font-size:10pt;
font-weight:normal;
margin-top:0;
margin-bottom:0;}
ul
{ list-style:none;
margin:0 5px;
padding:0;}
a:link, a:visited, a:active
{ background-color: #fff; text-decoration: none; color:#FF9900;}
a:hover
{ background-color: #fff; text-decoration: underline; color:#CACACA;
filter: alpha(opacity=70);
}
#header
{ height:165px;
width:755px;
margin-left:auto;
margin-right:auto;
border:#CCC 1px solid;
background-color:#FFF;
color:#FF9900;}
#main
{ width: 750px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
border:#CCC 1px solid;
background-color: #FFF;
font-size:9pt;
color:#666;}
#content
{ width:510px;
float:left;
padding:20px;
text-align:justify;}
#nav
{ width:180px;
float:left;
margin-right:5px;
margin-top:20px;}
#footer
{ height:30px;
width:750px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
padding:10px 0;
border:#ccc 1px solid;
background-color: #fff;
font-size:8pt;
color:#999;
text-align:center;}
#footer a:link, #footer a:visited, #footer a:active
{ background-color: #fff; text-decoration: none; color:#999;}
#footer A:hover
{ background-color: #fff; text-decoration: none; color:#ff9900;
filter : alpha(opacity=70);}
.footer
{ clear: both;
background:#fff;
color:inherit;
height:1px;}
.logo
{ height:160px;
width:755px;
float:left;
text-align:left;
padding:0px 0 0px 0px;
overflow: hidden;}
.menu
{ width:auto;
text-align:right;
font-weight:bold;
font-size:12pt;
padding:35px 15px 0 0;
float: right;
overflow: hidden;}
.left
{ width:250px;
float:left;
margin:10px 15px 10px 0;
text-align:justify;
overflow: hidden;}
.mid
{ width:auto;
padding:10px 0 0 10px;
margin-left:auto;
margin-top:0;
overflow: hidden;}
.navhead
{ width:170px;
height:18px;
padding: 3px 3px 0 5px;
border:#ddd 1px solid;
text-align: left;
font-size:8pt;
background-color:#eee;
color:#666;}
.navitem
{ width:172px;
padding: 15px 3px 0 3px;
border-bottom:#ddd 1px solid;
border-right:#ddd 1px solid;
border-left:#ddd 1px solid;
font-size:8pt;
font-weight: normal;
text-align:justify;}
.img
{ border:1px none;}
Początek strony wygląda tak(pokaże gdzie zaczyna się div)
Dziękuje z góry