Css Footer Problem

[mike]

Can anyone tell me how to fix the footer so it works in Firefox?

 

It seems ok in IE, but not firefox.

 

here's link: http://bestchildrensbooks.org

 

 

here's css:

 

 

/* Layout Stylesheet */

body{

margin: 0;

padding:0;

background:#808080;

color: #333333;

}

 

#lh-col{

position:absolute;

top:220px;

left:0;

width:140px;

z-index:3;

background:#c0c0c0;

color: #333333;

text-align: center;

 

 

}

 

#rh-col{

position:absolute;

top:220px;

right:0;

width:140px;

z-index:2;

background:#c0c0c0;

color: #333333;

text-align: center ;

 

}

 

#c-block {

width:100%;

z-index:1;

background:#c0c0c0;

color: #333333;

height:80%;}

 

#hdr{

height:160px;

border-bottom:1px solid #000000;

width:100%;

 

color: #ECE9D8;

margin:0;

text-align: center ;

background-image: url(images/aniconfetti.gif)

}

 

#c-col{

margin:0 142px 0 142px;

position:relative;

background:#ffffff;

color: #333333;

z-index:5;

border: solid #000000;

border-width:0 1px;

background-color: #ECE9D8;

text-align: center

}

 

#ftr {

width:100%;

height:35px;

border: solid #000000;

border-width:1px 0;

background:#eeeeee;

color: #333333;

margin:0;

}

 

thanks in advance.

[TCH-Don]

Try moving your footer code to the bottom of your source code.

in

#c-block {

width:100%;

z-index:1;

background:#c0c0c0;

color: #333333;

height:80%;}

remove the height

 

on

#ftr {

width:100%;

height:35px;

border: solid #000000;

border-width:1px 0;

background:#eeeeee;

color: #333333;

margin:0;

}

 

 

remove the height

add padding

#ftr {

width:100%;

 

border: solid #000000;

border-width:1px 0;

background:#eeeeee;

color: #333333;

margin:0;

padding-bottom: 10px;

}