overflow:hidden not working on my div

I'm having trouble trying to get the footer at the bottom of my page to stay at the bottom of the page without the page conte开发者_JAVA技巧nt going over it. I'd want the page content to push the footer down.

I though overflow: hidden would work, but it doesn't.

The problem.

Set the height for the content to a min-height instead.

Place the footer at the bottom of the container by using this CSS code:

position: absolute;
bottom: -5px;
left: 0;
width: 100%;