<style type="text/css">
body{margin:0}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{height:100%;padding:0} 
* html, * html body{
	overflow:hidden;
	padding:50px 0;
	margin:-50px 0;
	padd\ing:0;
	ma\rgin:0;
}
* html #outer { 
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\""; voice-family:inherit; 
}
* html #contain-all{
	position:absolute;
	overflow:auto;
	width:100%;
	height:100%;
	z-index:1;
}
/* end hack */ 

#top-bar{
	position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	left:0px;
	height:50px;
	width:100%;
	margin:0;
	padding:0;
	z-index:999;
	overflow:hidden;
}
#topbar-inner, #footer-inner {
	height:25px;
	background:#1f12c2;
}

/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner,* html #footer-inner {margin-right:17px;}
/* end hide*/

#footer{
	position:absolute;
	bottom:0;
	left: 2%;
	right: 2%;
	width:96%;
	height:25px;
	z-index:999;
}
.spacer {height:50px}/* same height as footer/header to preserve space*/
p{margin-top:0}
#side-bar{
	position:absolute;
	top:80px;
	left:100px;
	width:200px;
	border:1px solid #000;
	background:orange;
	
}
#inner{margin-left:350px}
html>body #top-bar,html>body #footer,html>body #side-bar{position:fixed}/* for moz/opera and others*/

</style>