html, body {
    height: 100%;
}

#wrap {
    min-height: 100%;
}

#main {
    /*overflow:auto;*/
    padding-bottom: 50px; /* must be same height as the footer */
}

#footer {
    position: relative;
    margin-top: -50px; /* negative value of footer height */
    height: 50px;
    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*/
}