JQUERY SLIDEDOWN PROBLEM ON IE7

Just run into a problem with IE7 when coding up a fairly complex web form that needs to shrink and grow depending on the amount of detail the user wants to enter.

After an hour of fiddling around and a bit of googling (looks to be plenty of others with a similar problem), it seems to happen when you .slideDown() an element that is relatively positioned.

The quick and painless fix that worked for me was to add zoom:1; to the style of those relatively positioned elements.

div.your_class{
    position:relative;
    zoom:1;
}

For info, I have not tested this on IE6.  IE8 worked fine anyway.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">