CSS footer not showing

[Custer]

Hey guys, I recently took a 3 column layout design off of some site, but it wouldn't display properly in FireFox, so I just made my own code, and everything is PERFECT in both IE and FireFox, but my footer won't show...

 

body 
{
    margin: 0px;
    padding: 0px;
    background: black;
}

#header
{
    height: 150px;
    background: black;
}

#leftCol
{
position: absolute;
left: 0px;
width: 15%;
top: 153px;
font-color: black;
background-image:
url('/images/dkredblk.gif');
}

#rightCol
{
    position: absolute;
    top: 153px;
    right: 0px;
    width: 16%;
    background: black;
}

#mainCol
{
position: absolute;
top: 153px;
left: 15%;
right: 16%;
width: 69%;
bottom: 6;
font-color: brown;
background-color: #D1D1D1;
}

#footer
{
    height: 60px;
    width: 100%
    background: black;
    font-color: red;
}

 

Mind helping me out?

[AndyB]

Hey guys, I recently took a 3 column layout design off of some site, but it wouldn't display properly in FireFox, so I just made my own code, and everything is PERFECT in both IE and FireFox, but my footer won't show...

 

Mind helping me out?

 

Fairly perfect maybe?  Of course we actually need to see the (generated) html.  Please post a link to the problem page online.

[Custer]

http://www.custopoly.newsit.es/index2.php