<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>CSS Frame Layout</title>
<meta name="Author" content="Kevin Lambie" />
<style type="text/css">
</style>
</head>

<body>

<div id="header">
<h1>This is the HEADER area</h1>
<h2>Resize me to see the scroll bars.</h2>
</div>
<div id="footer">
<h3>This is the FOOTER area</h3>
</div>

</body>

</html>

body {
	margin:0;
	border:0;
	padding:0;
	height:100%;
	max-height:100%;
	background:#808080;
	font-family:David, arial, verdana, sans-serif;
	font-size:76%;
	overflow: hidden;
	}

#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:120px;
	overflow:auto;
	background:#800000;
	color:#FFFFFF;
	}
	
#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	overflow:auto;
	text-align:right;
	background:#800080;
	}
	
#contents {
	position:fixed;
	top:120px;
	left:0;
	bottom:50px;
	right:0;
	overflow:auto;
	background:#FFFFFF;
	}