@charset "utf-8"; #wrap { min-height: 100%; margin-right: auto; margin-left: auto; } #footer { position: relative; margin-top: -200px; /* negative value of footer height */ height: auto; clear:both; background-color: #000; min-height:200px; } /*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]>