Sticky Footer covering content

Hi there,

I want to have the footer stuck to the bottom of the page and used the following (which I found in another of your forum threads):

.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}

However, when I use this, it then partially covers content that's at the bottom of the page (that would normally sit just above the footer).

Is there a simple way to have it clear that content, or a site-wide bit of code that adds extra space to the bottom of all the pages?

Regards,

Adam