Mike,
First off, I was going to suggest that you add closing slashes to your meta, link, and img tags (to make it validate), but you've done that since I last looked at your page!
Try replacing the first part of your css with this:
* { margin: 0; padding: 0; }
html {
background-color:#bbc0cb;
}
#wrap {
width: 742px;
border-right: 2px solid #00007D;
margin: 0 auto;
}
#header {
position: fixed;
width: 744px;
height: 106px;
background: #bbc0cb url('img/header.gif');
padding: 10px 0 0 0;
}
#navigation {
position: fixed;
top: 116px;
width: 180px;
height: 100%;
background-color: #000180;
color: #ffffff;
font-weight: bold;
font-size: 14px;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 5px 10px;
}
#navigation li {
list-style-type: none;
padding: 5px;
}
#content {
margin: 0 0 0 200px;
color: #000066;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
width: 512px;
padding: 10px 10px 12px 10px;
}
#text {
overflow: auto;
}
#footer {
position: fixed;
bottom: 0;
width: 744px;
height: 2px;
background: #00007d;
border-bottom: 10px solid #bbc0cb;
}
Make sure to add
<div id="footer"></div>
to your html right before you close the #wrap div.
Sincerely,
Mr. Baggins
