/* 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%;
  filter:alpha(opacity=12);
  }
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</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]-->

&lt;div id="bg">&lt;img src="@logo.jpg" width="100%" height="100%" alt=""></div>
&lt;div id="content"><p>Enter a ton of text or whatever here.</p></div>