Footer on bottom of page

[heban]

Hi,

I'm having trouble getting the footer to the bottom of the page with my CSS code. It works in IE, but not in Firefox.

Here is my css:

.pagecontainer{
      position:relative;
      width:100%;
      margin: 10px auto;
      min-height: 100%;
      height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}
 
 
 
#footer
{ position: absolute;
bottom: 0;
text-align: center;
width:100%;
height:auto;
font-family: arial,serif; font-size: 100%;font-style:italic;text-align: center;
color:rgb(248,254,194);line-height: 175%;background-color:rgb(0,153,0);
border-width: 11px;
 }

Thanks for any ideas.

[pbmods]

Heya, heban. Welcome to TSDN!

Please use CODE tags when posting source code:

[CODE=css]
CSS code goes here.
[/CODE]

I'm going to go ahead and move this thread to the HTML/CSS forum, where our resident Experts will be better able to help you out.

[drhowarddrfine]

It works in IE, but not in Firefox.

No. IE is doing what you want but it's not working right. Without the html, any help we can give would be just guessing.

Never, ever use IE as a reference to what is working. It is nine years behind web standards and buggy. Always, always use a modern browser like Firefox, Opera or Safari.