positioning a footer

getting somethign to stay at the bottom

[natty]

i have a footer that i want to go at the bottom of the page, but if there isnt much info on the page and the browser is large, then it leaves a gap at the bottom of the page.

is there any css way to stop this..

atm css for the footer element is as follows

#footer {
font:9px Verdana, Arial, Helvetica, Sans-serif;
background-color:#fff9f3;
color:#000;
width:100%;
margin:0;
line-height:1.5;
text-align:center;
border-top:solid 1px navy;
border-bottom:solid 1px navy;
}

[AVGeek]

Check out this article on A List Apart [alistapart.com]. They cover footers pretty well, including your sticky footer.