title: CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
body: <p>I have the following page (deadlink: <code>http://www.workingstorage.com/Sample.htm</code> ) that has a footer which I can't make sit at the bottom of the page.</p>
  <p>I want the footer to</p>
  <ul>
  <li>stick to the window bottom when the page is short and the screen is not filled, and</li>
  <li>stay at the document end and move down as normal when there is more than a screenful of content (instead of overlapping the content).</li>
  </ul>
  <p>The CSS is inherited and befuddles me. I can't seem to change it properly to put a minimum height on the content or make the footer go to the bottom.</p>