The page is not centering because you are writing the margin twice in the css
#container {
width: 925px; /*
adjust width as needed
*/
margin:0 auto; /*
with width, this is centered on screen
*/
padding: 12px;
font-size: 16px;
background:#FFF;
overflow:hidden; /*
to contain floats
*/
border: 1px double #333;
margin: 5px 0px;
}
see where you have margin:0 auto; at the top... that is used to center #container.... but then you are overwriting that with margin: 5px 0px; down at the bottom.... remove that line and just set the margin once.
If you want a border around an element, using a border is one way to accomplish that:
http://www.w3schools.com/css/css_border.asp
Best wishes,
Adninjastrator
