html, body {
    height: 100%;
}

#main {
    overflow:auto;
}    /* must be same height as the footer */

#footer {
    position: relative;
    margin-top: -120px;     /* negative value of footer height */
    height: 120px;
    clear:both;} 

/*Opera Fix*/
body:before {
    content:"";
    float:left;
    width:0;
    margin-top:-32767px;
    min-height: 500px;
}