Fix the Footer on the Bottom of the page

We might need to fix our footer on the bottom of the page always.  we can make that working using CSS. all we need to do is use the position: absolute in for the footer style and give the position: absolute; bottom :0;

Example
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>

#footer
{
position: absolute; 
bottom :0;
width:100%;
height :100px;
}

this footer style to fix the footer on the bottom of the page always :)