absolute footer

:)

by r043v

HTML

<article id="content">
    aaa
</article>
<footer>
    hello world;
    <div id="bgfooter"></div>
</footer>

CSS

html { height:auto; width:100%; background:yellow; position:relative; }
body { width:600px; margin:0 auto; background:red; }

#content { height:900px; }
footer { margin: 0 auto; height:300px; background:green; }
#bgfooter { position:absolute; bottom:0; left:0; background:pink; width:100%; height:300px; z-index:-1; }