Background to Fit Screen

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Background to Fit Screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}

/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

/* places the content ontop of the background image */
#content {position:relative; z-index:1;}

p { width: 70%; margin: 1% auto; text-align: justify; }
</style>

<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>
<body>
<div id="bg"><img src="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_18.jpg" width="100%" height="100%" alt=""></div>
<div id="content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel lorem id lacus volutpat tincidunt. Praesent tincidunt augue. Integer leo neque, sodales mattis, vehicula tincidunt, elementum vitae, enim. Etiam mattis risus. Vestibulum et mauris. In sit amet tortor. Sed fermentum. Sed quis ligula. Morbi dictum laoreet velit. Proin fermentum arcu eu libero. Donec nibh quam, imperdiet quis, gravida vitae, cursus vitae, nisl. Maecenas quis tortor. Duis vel orci. Mauris sollicitudin, lorem id posuere consequat, nisi mauris congue tortor, sit amet tristique velit nunc et nunc. Etiam vestibulum eros sit amet enim.</p>

<p>Sed turpis ante, accumsan in, porta nec, sagittis eget, nisi. Nunc eu sapien. Curabitur diam. Sed ultricies blandit justo. Aliquam suscipit pretium turpis. Aenean feugiat nunc quis lacus. Mauris orci elit, sagittis eget, pretium sed, hendrerit at, pede. Maecenas lorem neque, placerat quis, semper quis, commodo et, felis. Mauris a metus. Morbi at massa sit amet sem fermentum vulputate. Maecenas aliquet dui eget massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus mi ligula, ultrices eget, porta accumsan, tempor ac, est.</p>

<p>Phasellus ut nulla vehicula lacus ultricies vestibulum. Cras et erat. Etiam nulla metus, cursus nec, bibendum scelerisque, dapibus eget, nisl. Nulla facilisi. Sed vel ligula a lacus consequat fermentum. Aenean arcu felis, tincidunt porttitor, dignissim id, sagittis vel, ligula. Donec libero sem, euismod non, consequat id, vulputate mollis, velit. Nunc dapibus purus sed velit. Suspendisse eu dui. Cras non tortor vel sem semper malesuada.</p>

<p>Vestibulum pharetra ligula non augue. Curabitur nunc mi, sollicitudin eu, scelerisque ut, venenatis id, pede. Nullam tincidunt erat. Suspendisse magna. Aliquam at purus. Sed pede. Sed at justo mattis nunc adipiscing dapibus. Vivamus eu dui. Praesent vel neque nec augue pellentesque luctus. Etiam tristique ipsum at mi convallis vehicula. Praesent euismod, enim ut euismod interdum, eros urna semper lorem, vitae elementum nunc dolor et arcu. Morbi eleifend mauris vel eros.</p>

<p>Ut commodo imperdiet augue. Morbi at leo et dui vehicula sodales. Cras hendrerit molestie sem. Sed ultrices, quam vitae pretium congue, velit risus vulputate nisi, sit amet rhoncus sapien ante in mauris. Curabitur faucibus. Curabitur condimentum. Curabitur pulvinar. Curabitur congue pulvinar nunc. Morbi eget arcu sit amet lectus molestie dictum. Nulla ut orci. Nullam malesuada augue blandit quam. Vestibulum nunc velit, sollicitudin nec, lacinia at, placerat eu, libero. Nam tempor massa id sapien. Nunc at nisi. In hendrerit turpis. Donec euismod lorem in nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</body></html>