匿名質問者回答ポイント なしウォッチ

フッタを最下部に配置したのですが、フッタとコンテンツの間に背景色がつきません。

過去の質問を参考に（元々囲っていたのですが）、<div id="wrap">で囲っているのですがどうしても間に隙間が出来てしまいます。
どこを直したら良いのでしょうか？

#CSS表記

#wrap {
background-color: #FFF;
width: 980px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

#wrap:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

～～コンテンツCSS中略～～

#footer {
clear: both;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 5px;
width: 980px;
background-color: #39C;
position: absolute;
bottom: 8px;
font-size: 12px;
color: #FFF;
text-align: center;
}

#HTML
<div id="wrap">

<div id="header">
<a name="pagetop"></a>
<img src="img/logo.png"><img src="img/logo-font.png">
</div>

<div id="lcolum">
～～コンテンツHTML省略～～
　（iframeとfloatメニューを使ってます）
</div>

<div id="footer">
Copyright (C) All Rights Reserved.
</div>

</div>

たくさんの参考サイトを見ながら手探りで作ってますので、変な記述が多かったら申し訳ないです。よろしくお願いいたします。