Bizzard positioning problem [Archive]

oliver111

09-07-2007, 09:25 PM

The problem is that in Firefox this doesn't center. Works in Ie tho. Used to work 4months ago and for some reason it just stopped working now..

Probably something silly, but heres the code:

<html>
<link rel="stylesheet" type="text/css" href="css.css">
<title>Forwardsites.com</title>
<body>

<div id="headertop">www.Forward Sites.com</div>

<div id="header">
<div id="ul"><img src="images/img03.gif"></a></div>
<div id="ul"><a href="index.html" class="bp">HOME</a></div>
<div id="ul"><a href="about.html" class="bp">ABOUT</a></div>
<div id="ul"><a href="contact.html" class="bp">CONTACT</a></div>
<div id="ul"><img src="images/img03.gif"></a></div>
</div>

</body>
</html>

and.................

body
{background-image:url(images/water.gif);
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
margin:auto 0;
text-align:center;
}

#headertop {
padding:0;
color:#FFFFFF;
margin:auto 0;
text-align:center;
height:20px;
width:300px;
}

#header{
margin:auto 0;
text-align:center;
width:625px;
height:80px;
color:#000000;
}

#ul{
width:125px;
height:80px;
float:left;
line-height:80px;
}

a.bp:hover {
text-decoration:none;
display:block;
background-image:url(images/img02.gif);
color:#000000;
}

a.bp {
display:block;
color:#000000;
text-decoration:none;
}

a.bp:link {
background-image:url(images/img03.gif);
}

a.bp:visited, link {
background-image:url(images/img03.gif);
}

a.bp:hover, visited{
background-image:url(images/img02.gif);color:#000000;
}

#headermain {
margin:auto 0;
text-align:center;
width:auto;
height:auto;
}