Back to CSS Tips
Preview: what the working site looks like.
The markup
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body> 
	<div id="shadow">
		<div id="bodyblock">			
			<div id="content-left">
			<div id="footer">
			<!--end footer --></div>		
		<!--end bodyblock --></div>		
	<!--end shadow --></div>
</body>
</html>
        
The CSS
#shadow {
	width: 800px;
	margin: 0 auto;
	position: relative;
	background: #666666;
}
#bodyblock {
	width: 800px;
	position: relative;
	top: -3px;
	left: -3px;
	background: #ff9966;
}
#footer {
	line-height: 25px;
	text-align: right;
	background: #c0c0c0;
}