#container {                 /* this div stretches to the size of the page */     
width:100%; 
height:100%;
}

#centering {                 /* we need to know the size of the content area, so we can center it using relative locations and negative margins */
position:absolute; 
width:524px; 
width:700px; 
height:550px; 
left: 50%; 
top: 50%; 
margin-left: -265px; 
margin-left: -353px; 
margin-top: -280px;
margin-top: -260px;
}

#content {                     /* size of the content we're centering */
width:524px; 
width:700px; 
height:550px; 
/* border:0px solid red; */
padding:0;
}