I was looking at a site for review and hope its ok that I post it as an example.

http://menopausehotflashestreatment.com/

I am wondering how he has the background image placed on the top and the bottom? Im sure its something simple that Im just not seeing. Clearly its not just an image the size of the page because it scales with the text.

Can someone explain how to place the background image on the top and bottom.

Thanks,

The top bar is a gradient that is set on the body and repeats horizontally, as is the bottom bar. The main content section has a header that includes a top bar that lays on top of the body background and lines up with it. The bottom bar is done in a similar fashion, but it's applied to his #container div and set at the bottom.

This is a really easy effect to do.