footer - フッターがページの下部に留まらない問題

Question

Twenty ten テーマを使用しています。

それが問題かどうかはわかりませんが、フッターをページの外まで (100%) 伸ばすために、ラッパー div の外に置きました。

<wrapper>
    <main>
    </main>
    <footer>
    </footer>
</wrapper>

私はそれをこのように言いました：

<wrapper>
    <main>
    </main>
</wrapper>
    <footer>
    </footer>

フッターの CSS は次のようになります。

#footer {
    height: 100px;
    background:#393939;
    font-size:12px;
    color:#777;
    margin:0;
    padding:20px;
    z-index:999;
    bottom:0;
    clear:both;
}

フッターはすべてのコンテンツのすぐ下に配置されるようになったため、ページのコンテンツが短すぎる場合、このページのようにフッターがページの下部に表示されません: http://skiss.nu/hff/?page_id= 10

「位置：絶対;」を追加すると フッターはこのページの下部にとどまりますが、より多くのコンテンツを含むページのコンテンツの上に配置されています。