Bizarre Firefox activity

[Dragonsi]

Hi all,

It's been a while since I last posted as I have been busy with other projects.

I have just posted up a 'coming soon' page for a friends website but something very strange is happening with the CSS. The site should look all centered and it appears that way with IE7 but in FF2 the main table appears to the left. Can anyone explain what I have done wrong?

Site: Dance Jam Music - Artist Management - Record Label

CSS:

.body {
font-family: "Trebuchet MS", Georgia, "Times New Roman";
font-size: 15px;
color: #ffffff;
background-color: #000000;
background-image:url(images/bg-main.jpg);
background-position:Top Center;
background-attachment:fixed;
background-repeat:repeat-y;
margin: 0px;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
}
.mainpage {
margin: 0px;
padding: 3px;
height: 100%;
width: 802px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
vertical-align: top;
background-position: center top;
}

[JohneeMac]

Add this to the top of your .mainpage
"
margin: 0 auto;
"

Tables are evil you know

[Dragonsi]

That solve it, many thanks...

I've been away from coding for too long, looks like some reading is required...