<style>
html,
body {   
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#header {
	width:100%;
	height:8em;
}
html>body #header {
	position:fixed;
		top:0;
		float:left;
		margin:0; padding:0;
	z-index:1;
	
	/*z-index:10;  Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:1em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:100%;
	height:2em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html,
body {
	
}
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}


p {margin:1em 0;}
.info {
	position:relative;
	width:40em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:fond;
}


#header,
#footer {
	color:#111;
	/* background:#dedef6;*/
	text-align:center;
}
	</style>