Headers and footers are panels 4000px X 100px

Background is fluid and is added with css

Paste to head:

<style type="text/css">

img.bg {

  /* Set rules to fill background */

  min-height: 100%;

  min-width: 1024px;

  /* Set up proportionate scaling */

  width: 100%;

  height: auto;

  /* Set up positioning */

  position: fixed;

  top: 0;

  left: 0;

  z-index:-3

 }

 @media screen and (max-width: 1024px){

  img.bg {

   left: 50%;

   margin-left: -512px; }

 }

Html, body {overflow-x: hidden;}

</style>


Paste after <!--Page Body Start--> or <!--Master Page Body Start-->


<img src="content_bg.jpg" class="bg">


HEADER

1    2    3    4    5    6    7    8    9

9    8    7    6    5    4    3    2    1

Fixed Scrollable Fluid bg

FOOTER

1    2    3    4    5    6    7    8    9

9    8    7    6    5    4    3    2    1