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 *