The page here (/) 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!

The page here (http://skergeth/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!

• javascript
• html
• css
• internet-explorer-8
• rendering

Share Improve this question Follow asked Jul 31, 2009 at 19:53 MarkusMarkus 22511 gold badge33 silver badges66 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 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

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.

I had the same issue. Solved it with:

#div-name * {
    visibility: visible;
}

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.