html - クリアフィックスの問題

Question

HTML を作成しましたが、http://temp87.web44.net/temp.htmlにあります。私が直面している問題は、フッターの後にページの下部に灰色の帯があり、ページがブラウザーの 100% を占めていないことです。

問題を引き起こしているCSS..

.clearfix:after {
    content: ".";   //If this is commented out the page fits in perfectly, but the background of <div>storyWrapper clearfix</div> goes off.
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

問題2：高さも欲しい

<div class="detailsContent"/> 

画面の解像度に合わせて自動的にフィットします。現在、計算された高さは常に 619px であり、大きなモニターではページ全体が画面の 75% しか占有しません。