Applying two background images

To apply two images to  HTML page background you can use the following code:

html {
 height: 100%;
 background:url(bg.gif);
}

body {
 margin:0;
 background:url(bg_content.gif) repeat-y center top;
 min-height:100% !important;
 height: 100%;
}

min-height:100% – allows the background image to stretch beyond the 100% window height if the page content is longer