Are there any solution to the div height problem in Firefox?

[citizenx]

Hi,

I'm making website for my client. I have now for four hours tried to find a solution to the famous Firefox div height issue.

If someone isn't familiar with it, here is image which explains a bit:

http://www.kolumbus.fi/tuomas.harju/div_problem_with_mozilla_firefox.jpg

The orange background in the image should go on behind the text when the page is scrolled. In IE it works fine. In Firefox it doesn't work. In Firefox there isn't background after that grey bottom bar. Only way it seems to work is if I set the div height for example 200%. But it just isn't very nice way to do it.

And of course I can do it with table. Can it be done with CSS?

Thanks for help.

- Tuomas

[AricC]

Post that code please

[drhowarddrfine]

There is no height problem in Firefox.
There is a height problem in IE.

As AricC said, post a link or the complete code or we will have to show you a picture of the fix. ;)

Now that I look at the picture, am I correct that the div is floated? In that case, IE is incorrect here and improperly expands elements to contain floated items.

[Arielle]

Firefox doesn't have a problem, IE does.

Only way I ever found around it was to resize the element with an on load javascript function.

[drhowarddrfine]

There is a way without javascript but, unfortunately, I'm going out of town right now for at least three days.