body { background-color: #FFFFFF; background-image: url(bghome2a.jpg); -webkit-background-size: 2000px 2000px; background-repeat: no-repeat; margin: 0px auto; line-height:1.571em; color: #555; text-align: center; background-position: center top; } html, body {height: 100%;} #wrap {min-height: 100%;} #main {overflow:auto; padding-bottom: 250px;} /* must be same height as the footer */ #footer { position: relative; margin-top: -250px; /* negative value of footer height */ height: 250px; clear:both; background-image: url(footerbg.jpg); background-repeat: repeat-x; background-position: center top; width: 100%; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. [if !IE 7]>