IE8 Rendering Bug: after javascript visibility-toggle, div content stays white

Question

The page here (http://skergeth.net/slidingfooter/) contains a footer that slides up when you click on contact us. It then shows a contact form.

However in IE8 it slides up and the div containing the form stays white until it is hovered by the mouse. I also tried the approach that the footer-div has overflow:hidden but since there are other elements inside the footer that should overflow (a menu that extends to the top), this is not an option.

I don't think it is a javascript but because I tried to delay the transition and made sure, the setVisible is called before it but with the same result.

I hope I made myself clear.

Thanks for all your answers!

Answer 1

The div containing the form seems to load fine, since the "Contact Us" h1 is visible. It's the form specifically that isn't being displayed in IE8.

Try playing with the display properties of the form element.

Answer 2

Try adding a zoom:1 and/or position:relative to #footercontent or any of the elements inside of it. This forces IE to set a hasLayout and fixes lots of css issues.

Answer 3

add height:1% for the div which is after the div having the id="footercontent" and it should work.(note: test it on all browsers) this is happened when the IE didn't find a value for the height