Back to CSS Tips

Place this in your CSS
#bodyblock {

background-color: #FF9966;
padding: 0px;
position: relative;
z-index: 1;
top: -50px;
BORDER-RIGHT: 1px solid #666;
LEFT: -3px;
WIDTH: 800px;
COLOR: #666;
BORDER-BOTTOM: 1px solid #666;
POSITION: relative;
TOP: -3px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align: left;
}

.shadow {

BORDER-RIGHT: 1px solid #aaa;
BACKGROUND: #666;
LEFT: 3px;
WIDTH: 800px;
BORDER-BOTTOM: 1px solid #aaa;
POSITION: relative;
TOP: 3px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

Use this in your HTML

<div class="shadow">
 <div id="bodyblock">				
  <div id="footer">
  <--closes footer --></div>		
 <--closes bodyblock --></div>		
<--closes class shadow --></div>

Place your content inside the #bodyblock div