CSS footer help!

I enabled widgets on a non widget supported theme,
and took out the comments from being displayed in “Pages”
(how I did that, I have no clue)… obviously I am a coding dummy.

Everything is working fine (function wise) but I just can’t figure out how to fix the footer CSS.

this is my blog
http://feedme-imhungry.com/?page_id=2

and this is the CSS

#credit {
margin: 4px;
padding: 4px;
font-size: 11px;
color:#999999;
text-align: center;
clear: both;
background-color: #EFEFEF;

}

#credit a:link, .credit a:hover {
color:#999999;
}

#page-footer {
height: 15px;
margin-bottom: 0px;
float: left;
font-size: 11px;
font-weight: bold;
text-align: center;
position: relative;
}

I changed the margin-bottom to 0px and postion to relative… but what I’m trying to achieve is for the footer to stay at the very bottom regardless of how long of short the content is….

Will someone be able to help me out?
Please….? Anyone?… anyone? bueller? bueller?