[解決済み] HTMLページのフッターを最小限の高さでページの下にとどめ、かつページには重ならないようにするCSS

質問

以下のようなページがあります（デッドリンクです。 http://www.workingstorage.com/Sample.htm フッターがあるのですが、ページの一番下に表示させることができません。

フッターは

• ページが短く、画面がいっぱいになっていないときは、ウィンドウの下に貼り付いていて
• 画面一杯以上のコンテンツがある場合、ドキュメントの端に留まり、通常通り下に移動します（コンテンツが重なるのではなく）。

CSSは継承されているので困惑しています。コンテンツに最小限の高さをつけたり、フッターを一番下にしたりと、うまく変更できないようです。

解決方法は？

簡単な方法としては、ボディを 100% を使用して、ページの min-height の 100% もあります。フッターの高さが変わらない場合は、これで問題ありません。

フッターに負のmargin-topを与える。

footer {
    clear: both;
    position: relative;
    height: 200px;
    margin-top: -200px;
}