How do you create a stable image with a scrolling box above it using css?

Question

I'm looking to create a css-based website similar to http://www.csszengarden.com/?cssfile=213/213.css but can't figure out how to keep the bottom stable while the top part scrolls. Thanks!

Answer 1

<style type="text/css">

#footer {

width: 100%;

left: 0;

position: fixed;

bottom: 0;

}

</style>

<div id="footer">Footer</div>