CSS height not 100% in Firefox

[sfenx]

I have a liquid 100% width page with fixed header and footer. It works perfectly in every browser.
But when the visual content gets longer and the vertical scrollbar appears (by resizing), the background stops because the height has changed and is now more than 100%. I fixed this in I.E. by inserting a subcontainer width a 100% height. This solution works perfectly in I.E. 5.x to 7 and Maxthon, but in Netscape 9, Firefox 2 and Mozilla, it fails.
Can anyone help me out here ? I don't want to use graphical tricks to get it wright, I prefer a pure css solution. I know it's a common css problem, but I just wondered if there IS a solution for this...
this is my testpage :

http://www.romme.be/cssfluidtest_eng.htm

thanks !

 

[Vragabond]

A 100% height is a 100% height. You can't expect it to go 110%.

What you can do is use min-height: 100%;. That way it will be 100% or more.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[sfenx]

Vragabond, I tryed the min-height but it won't work.
also I thought IE doesn't support min or max height...

 

[Vragabond]

IE7 does. Besides, you said you had it working in IE, so why care about that.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[sfenx]

you're right Vragabond, I just wish there was also a workaround for FF...