Adding a simple footer....

This is bugging me, can't figure out what the problem is.

I'm trying to add a simple footer DIV on the bottom of this page and I can make it display properly in IE or in Firefox, but not in both for some reason. thanks for any help..


The page is here: www.yourthreshold.com

The code I am trying to add is at the bottom is a footer div like in this snippit:

</div><!--End Text-->
<div id="footer">Footer Text</div>
</div>
</body>
</html>

The CSS for the footer is:

#footer {
height:20px;
width:790px;
margin:3px 7px 0 0;
position:relative;
text-align:right;
font-size:10px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#888888;
}

Try something like:

</div><!--End Text-->
<div id="footer"><p>Footer Text</p></div>
</div>
</body>
</html>


and CSS:


#footer {
height:20px;
width:790px;
margin:3px 7px 0 0;
position:relative;
}

#footer p {
text-align:right;
font-size:10px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#888888;
}