[解決済み】スクロールバーがあってもdivが常にページの一番下に表示されるようにする

質問

CSS Divをページ下部に押し出す

そのリンクを見てください。私は逆のことをしたいのです。コンテンツがスクロールバーからはみ出したとき、フッターを常に 完了 Stack Overflowのように、ページの一番下に表示されます。

私は、divに id="footer" で、このCSS。

#footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

しかし、ビューポートの一番下に行くだけで、スクロールダウンしてもそのままなので、もはや一番下とは言えません。

画像

明確でなかったらすみません、固定ではなく、実際にすべてのコンテンツの一番下にあることだけを望んでいます。

どのように解決するのですか？

これはまさに position: fixed は、そのために設計されました。

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

これがバイオリンです。 http://jsfiddle.net/uw8f9/