Sorry, I've been getting overloaded today. Too much goofing off yesterday.
Here is an old page with a fixed footer that I was looking for. If you study it, you might be able to figure out how to make it work in your page.
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
* {margin:0;padding:0}
html,body{height:100%}
html{width:100%;}
body{width:auto;background-color:#dfd}
#outer{min-height:100%;
margin-bottom:-1.5em;
height:auto;}
* html #outer{height:100%}
#footer{width:100%;clear:both;height:1.5em;backgro und-color:#efe;}
#logo_header{background-image:url("subway_logo.gif");background-repeat: no-repeat;
background-color:green; height:55px;padding-top:0px}
#top_nav {position:relative;height:1.5em;min-width:771px;background-color:gray;color:yellow;line-height:1.5em}
#top_nav p{float:left;padding-left:1.5em;}
#top_nav ul{float:right;list-style-type:none;}
#top_nav li{float:left;padding:0 1.5em}
#page_content{background-color:#dfd;}
#page_content ul{float:right;list-style-type:none;}
.img_holder{float:left;background-color:#00e;height:300px;width:350px;margin-top:10%}
</style>
</head>
<body>
<div id="outer">
<div id="logo_header"></div>
<div id="top_nav">
<p>in St. Louis, Missouri</p>
<ul>
<li><a href="specialaccounts">Corporations/Schools</a></li>
<li><a href="personalaccounts">Your Account</a></li>
</ul>
</div>
<div id="page_content">
<div class="img_holder"> </div>
<ul>
<li><a href="ordering.html">Order Online</a></li>
<li><a href="menus.html">See The Menu</a></li>
<li><a href="maps.html">See A Map</a></li>
<li><a href="contacts.html">Contact Us</a></li>
</ul>
</div>
</div>
<div id="footer">
1 Main Road - St. Louis, Missouri - 314-621-0000
</div>
</body>
</html>[/HTML]
Some related links.