You do not have valid HTML markup for #1. Missing DOCTYPE declaration, ie:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
and no html beginning and ending tags, ie:
Code:
<html lang="en">
</html>
#2 Your css file does not tell the page where to begin.
Suggest something like:
Code:
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0;
background: url(background.jpg);
}
*** margin: 0 and padding: 0 at least tell the browser where to begin.
#3 drop the tables and use only css .
An easy way to center your page in any browser:
...
<body>
<div id="Content">
...
...
<div>
</body>
...
#Content {
position: absolute;
left: 50%;
width: amount in px;
margin-top: 0;
margin-left: 1/2 the width amount in px;
}