Footer like facebook - css

Question

I want to create a facebook-like footer that is at the bottom of the page, regardless of scrolling. <div id="footer"></div>

and here is the css style

#footer{
    position:absolute;
    left:0px;
    margin-bottom:0px;
    vertical-align:bottom;
    bottom:0px;
    width:100%;
    height:25px;
    background-color:#dfd5d7;
    overflow:hidden;
}

This is great when I resize the browser window, it does not stick to the bottom, but about 50 pixels up.

Any decisions.

Thanks jean

Answer 1

Try using:

position: fixed;

It will not work in IE6 out of the box, but if support for old, hacked browsers such as IE6 is important to you (unfortunately, many people still use it), you can try to fix the one described here .