CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page

Question

I have the following page (deadlink: http://www.workingstorage.com/Sample.htm ) that has a footer which I can\'t make sit at the bottom of the page.

I wa

Answer 1

Just set the html, body, and the other rows except the footer to 100%. e.g

the css becomes

html, body, header, content{
height:100%;
}