CSS Sticky Footer

Unlike fixed footers which show on top of long content, this script is different.

If the page has a long content, the footer is pushed at the bootom of the page and doesn't overlay on top of the page.

If the page content is smaller than the height of the browsers, then the footer shown attached to the bottom margin of the browser, the rest of the page being filled with whitespace.

The HTML structure should be like:

<div id="wrap">

    <div id="main">

    </div>

</div>

<div id="footer">

</div>