How do I center an image based site for widescreen monitors?

I have a website which is designed around a base background image, and buy calling various button images and border images.

I can not get this site to center on widescreen monitors for anything. I've tried every bit of css code that google has to offer.

Wrap it all in a table and just center the table or wrap it in a div tag and center the div...

The css for background centering is style="background-position:center"

Is the background the only thing not centering properly or is your divs (which is what I'm assuming you are using for your borders, buttons ect) off center too? If you want to pm me the url, I'll look at it for you.

You may have a misplaced closing tag. It really could be a number of things.

Try this css, and insert div after the one with background image.

margin:0 auto;
position:relative;
text-align:center;
width:960px;

Click to expand...