css footer help

[trancemotions]

I'm trying to achieve a css footer, but it extends the page instead of appearing at the natural bottom of the page.  If anybody has a spare minute to look at the code and maybe tell me what im messing up i would greatly appreciate it 

 

my page http://www.tokyorocketscience.org/index.html

my css file http://www.tokyorocketscience.org/trsmain.css

 

the footer code i was attempting to use:

http://ryanfait.com/sticky-footer/

[paul2463]

You could use absolute positioning instead, e.g.

 

.footer 
{
position: absolute;
bottom: 0;
height: 4em;
background: #555555 url(images/footerbg.gif) no-repeat;
}