Help with CSS centering.

[webhead07]

This CSS stuff is giving me some trouble, as i am using it to position elements. I know its not the greatest coding, but all thats in there is to make it so all the layers smoothly come together, because before they were all seperated like tables.

/* CSS Document */
body
{
text-align: center;
margin: 0px;
background-color: black;
}
#container
{
width: 800px;
height: 600px;
}

#header
{
position:absolute;
top: 0px;
left: 0px;
width: 800px;
height: 140px;
}

#main
{
position:absolute;
top: 140px;
left: 0px;
width: 800px;
height: 460px;
background-image: url(images/main.jpg);
background-repeat: no-repeat;
}

/* Splash Page Formatting */

#splash
{
width: 800px;
height: 600px;
margin: 0px;
background-image: url(images/splash_background.jpg);
background-repeat: no-repeat;
}

#enter
{
position: absolute;
top: 560px;
right: 250px;
}

/* Formatting */

a:link
{
color: #FFFFFF;
}
a.visited
{
color: #FFFFFF;
}

is my code.....i cant figure out why my container will center on my splash page but not on my index.html page......please help

 

[RAJO]

check the code
the tag where u call the css, the name, ...