Help centering page in browser

[entrefoto]

I used this command to constrain the size of my website:

<style type="text/css">

#container {
width: 1000px;
height: 600px;
overflow: hidden;
}
.style1 {font-size: 14px}
</style>

I just need to know how to center this page horizontally and vertically in the browser when displayed. Also if I could set the color of the extra area around my constrained site to black that would be awesome too. Thanks in advance for the help!

 

[gaucho1976]

[B]html {background:#000;}[/B]

#container {
width: 1000px;
height: 600px;
overflow: hidden;
[B]margin:auto auto;[/B]
}

 

[Epic]

There might be vertical scrolling if you have a 600px high box and tabs open.

But to set the page background to black, add this to your css:

body {
   background: #000000;
}

And then if you want the container to be white, add background: #ffffff; under its properties.