content is not centered in Win XP

I have designed this site with a Container, then a header which displays the top of background image, then the content area which has the background tiling to the bottom then a box to contain the text which is supposed to provide equal margins on both sides (same as the container/header and content)--but the margins are not working for the box. it looks fine in all browsers on Mac and PC except Win XP where all text in the box is floated to the left edge of the page.

Can anyone see anything wrong here? I have validated the html and css.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="en-us">
<link rel="stylesheet" type="text/css" href="aahfi.css">
<meta name="robots" content="index,follow">
<style type="text/css">
div#container {
width:970px;
margin-top:5px;
margin-left:auto;
margin-right:auto; }
div#content {
width:966px;
margin-left:auto;
margin-right:auto;
background-image: url(images/bgcenter2.gif);
background-repeat: repeat-y; }
div#header {
width:966px;
height:204px;
margin-left:auto;
margin-right:auto;
background-image: url(images/bgtop2.gif);
background-repeat: no-repeat; }
</style>
</head>
<body>

<div id="header"><br><br><br>
<div class="menu">
<a href="index.html">Home</a>
<a href="faq.html">FAQ</a>
<a href="contactus.html">Contact Us</a>
</div> <br><br>
<h1>Title Goes Here</h1>
</div>

</div>
</div>

</body>
</html>

content is not centered in Win XP

Lorel

dreamcatcher

Lorel

encyclo

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week