footer doesnt extend to the bottom of browser

[wumarcus]

I added a footer to my page and for some reason there is just a bit of whitespace between the bottom of it and the browser. It is not contained within the footer div, here is the code I am using:

the body css does set margins and padding at 0 also...

#footer {
 width: 100%;
 height: 145px;
 float: left;
 padding-top: 42px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
 margin: 0px;
 text-align: center;
 background-color: #CD5C5C;
 background-image: url('images/botbg.jpg');
}
.clearer {
 clear: both;
 margin: -1px;
 overflow: hidden;
}

<div class='clearer'></div>
<div id='footer'>
A footer hopefully
</div>
<div class='clearer'></div>
</body>

and if i remove the clearing div the whitespace still remains, either one of the clearing divs and it still remains.

Thanks

[jo1ene]

Why do you have the second clearer? What happens if you take it out? Put a border on your footer and see where it is exactly. Do you have the correct doctype set? Does your code validate?