hi

Im working on a template:

here. I want to make a footer div position at the bottom of the page, naturally. I dont want fixed positioning, i want the div to scroll with the page.

Ive tried all sorts:
HTML Code:
 position:absolute; left:0; bottom:0;
Ive tried wrappers:
Code:
#main-wrapper {min-height:100%;}
html, body, #main-wrapper {height:100%;}
all the forums seem to regurgitate this information? Any CSS ninjas out there that can help?