Footer overlapping content

Thanks for you're help.

You can view this online

The problem is my footer. It won't seem to stay below the content. I attempted to use Matthew James Taylor's method which is not working for me. I need the footer to stay below the content when the content fill开发者_运维问答s the page, and stay at the bottom of the window when the content does not fill the page (sticky footer). I'm seeking a non-JS solution.

Thanks again.

put an empty div element at the end of .container element with clear:both; like this

<div style="clear:both;"></div>

And remove height from #tabs element. you have set it as height: 500px;