Weird div issue

[blackrain87]

Hello there!
I've been working on this site for a couple days but have run into an issue. For some reason, my div will not extend the entire page. The text continues, but the div does not.

Here is my styling:

body {
background: #000000;
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
}
#content {
background: #888888;
margin: 0 auto;
width: 750px;
height: 100%;
}
#footer  
{
     color: #f0c;
     font-size: 9px;
     font-family: Verdana, Geneva, Arial, sans-serif;
     text-align: center;
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: 18px
}

Here you can see it working: http://wdanstudios.com/ccup/

Here it is not working: http://wdanstudios.com/ccup/tac.html


I'm not sure why it is doing this. Any ideas?

[syco__]

height: 100%; is just 100% of the screen take it out and it should follow it down as far as you have text.