Hi, I have a problem that I have been working on for several days and would appreciate some help.

I have a website that shows up centered when viewing in IE at any resolution. However, when viewing the site in Google Chrome it is not centered, but rather aligned to the left of the screen. I would like it to be centered in Chrome as well.

Here is what I am currently doing, and I'm sure the problem is in here somewhere.

This is the html I am using on my page:

<!-- *******START TABLE CODE******* -->
<link rel="stylesheet" href="http://www.chiefswarpath.com/style.css" type="text/css">
<div id="container"><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="1003" BORDERCOLORLIGHT="#000000" BORDERCOLORDARK="#000000" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0">
<tR>
<tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= "" WIDTH="1003"><div><FONT SIZE="3" COLOR="#000000" FACE="Arial,Helvetica,sans-serif">
<!-- *******END TABLE CODE******* -->

Content here

</tD>
</tR>
</TABLE>


My css file looks like this:

#container {
margin-left: 0 auto;
margin-right: 0 auto;
width: 900px;
text-align: left;
}

body {
margin: 0 0 0px 0;
text-align: center;
}




Any help would be greatly appreciated.