IE8 and animating height
Thursday, August 19th, 2010Here’s another to file in the list of things that might one day show up on Google and help someone.
IE8 seems to have a bug in animating height. If an ancestor of the element you’re animating has display:inline-block, IE8 will choke on the animation and not properly grow the element’s height (if it’s set to auto). IE8 might also do some weird things, like redrawing the element to the new height when you click on it or its children or otherwise give focus to the page.
Workaround seems to be setting the display to block (or not inline-block, anyway). I noticed that it seemed to happen when using jQuery UI’s accordion and the old clearfix hack.