A simple method is to make the **body 100%** of your page, with a **min-height of 100%** too. This works fine if the **height** of your footer **does not change**.
Give the footer-container a negative margin-top:
footer-container { clear: both; position: relative; height: 150px; margin-top: -150px; }

A simple method is to make the body `100%` of your page, with a `min-height` of `100%` too. This works fine if the height of your footer does not change.
Give the footer a negative margin-top:
footer { clear: both; position: relative; height: 200px; margin-top: -200px; }