@import url(http://fonts.googleapis.com/css?family=Anton); * { margin:0; padding:0; } html, body { height: 100%; background-image:url(images/bg-content-sides.png); background-position:top left; background-repeat: repeat; margin:0px; } body { border:0; font:12px/21px Arial, Helvetica, sans-serif; color:#7f8a8e; line-height:21px; min-width:960px; min-height:100%; height:100%; } #wrap { min-height: 100%; } #main { overflow:auto; position: relative; padding: 25px 10px 65px 10px; top: -14px; background:url(images/bg-content-main.png) repeat-y; background-image: url(images/bg-content-main.png); } /* must be same height as the footer */ #footer { position: relative; margin-top: -65px; /* negative value of footer height */ height: 65px; background-image:url(images/bg-trailer.png); background-position:top left; background-repeat:repeat-x; clear:both; } /*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]>