Sticky footer not sticking to bottom of page

Question

I seem to have a problem with the footer on my website. Basically its not sticking to the bottom of my page, but sticking to the bottom of my div, called main. Can anyone help me with this?

If you zoom out on the webpage you will see the problem :)

this site

Im not pasting in the code, cause its a lot of php includes and such. Hope it's okay. :)

footer css:

#footer{
width: 100%;
float: left;
height: 70px;
bottom: 0;
clear: both;
background-image: url("../images/footer_pattern.png");
display: block; 

}

Answer 1

#footer{
    width: 100%;
    height: 70px;
    clear: both;
    background-image: url("../images/footer_pattern.png");
    position: fixed;
    bottom: 0;
}