Cannot get my outer wrapper div to centralise in firefox

[tommya]

Hi there people... I can't get the div id wrap_outer centralised inside firefox - It worked previously but seems to be playing up.. It works in IE fine but n firefox just defaults to the left! Can anyone out there help me?

cheers

Tommy

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #333333;
background-color: #000000;
background-image: url(http://www.example.co.uk/darkfiz.jpg);
background-repeat: repeat;
margin: 0;
padding: 0;
min-width: 762px;
}
#masthead {
background-color:#000000;
}
#logodiv {
width: 762px;
height: 126px;
}
/* hide from IE mac \*/
#logodiv img {float: center;}
/* end hiding from IE5 mac */
#wrap_outer {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 762px;
background-color:#FFFFFF;
background-image: url(images/wrapper.gif);
background-repeat: repeat-y;
}
#wrap_inner {
background-image: url(images/sidebar_tile.jpg);
background-repeat: repeat-y;
background-position: right top;
}
#newstext {
width: 160px;
float: left;
padding: 5px 5px 5px 5px
}
#news_wrapper {
width: 170px;
float: left;
}
#news_wrapper a:link {color: #0000FF;}
#news_wrapper a:visited {color: #993300;}
#news_wrapper a:hover, #news_wrapper a:active, #news_wrapper a:focus {
background-color: #4A4A4A;
color: #CCCCCC;
text-decoration: none;
}
#news_wrapper {
font-size: 0.6em;
line-height: 1.75em;
padding: 10px 0px 0px 0px;
}
#address {
font-size: 0.8em;
line-height: 1.75em;
}
#mainbox {
width: 400px;
float: left;
}
#sidebox {
width: 182px;
float: left;
position: relative;
top: 0px;
}
.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
#maincontent {
font-size: 0.8em;
line-height: 1.75em;
padding: 20px 24px 20px 20px;
}
#sidecontent {
font-size: 0.75em;
line-height: 1.5em;
padding: 36px 30px 24px 24px;
}
h1, h2, h3 {
font-size: 1.5em;
margin: 0;
}
h2, h3 {
margin: 30px 0 0 0;
}
#sidecontent h3 {
font-size: 1.75em;
margin: 0 0 10px 0;
color: #000000;
font-weight: normal;
}
#sidecontent #side_nav, #sidecontent #side_nav li {
margin: 0;
padding: 0;
list-style-type: none;
}
#sidecontent #side_nav a {
font-size: 1.1em;
display: block;
background-color: #56628C;
color: #ECE9D8;
border: 1px solid;
border-color: #717DA8 #000000 #000000 #717DA8;
padding: 2px 6px;
filter: alpha(opacity=60);
opacity: 0.60;
text-decoration: none;
}
#sidecontent #side_nav a:hover, #sidecontent #side_nav a:active, #sidecontent #side_nav a:focus {
background-color: #333333;
color: #FFFFFF;
border-color: #333333 #000000 #000000 #333333;
filter: alpha(opacity=75);
opacity: 0.75;
}
#maincontent a:link {color: #0000FF;}
#maincontent a:visited {color: #993300;}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
background-color: #4A4A4A;
color: #CCCCCC;
text-decoration: none;
}
#sidecontent a:link {color: #FFFFFF;}
#sidecontent a:visited {color: #DEDEDE;}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
color: #0000FF;
}
#footer {
background-color: #000000;
color: #ffffff;
filter: alpha(opacity=60);
}
#footerwrap {width: 770px;}
#footercontent {
padding: 12px 0px 12px 250px;
font-size: 0.7em;
}

[ridingforlife]

What about "margin: auto;"?

[sgietz]

margin: 20px auto;

[tommya]

Many thanks people for that answer to my question.... That had been puzzling me for hours!