css footer

[manicleek]

I have a site that uses css for layout

I have the following css for a footer

#footer  {
position: absolute;
width:650px;
bottom:0;
margin-bottom:0px;
height:35px;
text-align:center;
background-color:#FFFFFF;
vertical-align:bottom;
}

it works fine in ie and always stays at the bottom of the page, but in fire fox, it appears where the bottom of the page is when the browser is opened up, if the text on the page over flows that area it does not get pushed down to the bottom of that text.

i.e. if I scroll down the page the footer ends up halway up my screen with the text passing behind it

anyone tell me how to fix this?

 

[Vragabond]

First, you should curse Microsoft for making a browser that makes up its own rules and allows poor coding to work. Then you will realize that for what you have, FF is displaying exactly what it should while IE is messing up. Knowing that, you will realize the only way you can solve this, is by not having a footer absolutely positioned at the bottom of the page. Your best bet is to check the designs oppcos provided in this thread.