Animate Method is buggy when changing font size with em units (IE bug only)

[ajma]

I have a chunk of code that animates fontsize changes with the units set to em. The animation is a bit wacky. The text is supposed to get larger, but it gets smaller then grows larger.

<style> #test {

font-size:1.2em;

} </style> <div id="test" href="​http://www.google.com">Test</div> <script type="text/javascript"> $('#test').mouseover(function() {

$('#test').animate({fontSize:'1.8em'},200);

});

$('#test').mouseout(function() {

$('#test').animate({fontSize:'1.2em'},200);

}); </script>

[eveningsky]

Replying to flesler:

I've attached an example that displays the issue. Just hover on and off the link in IE.

[eveningsky]

Replying to eveningsky:

Replying to flesler:

And its not restricted to ems. I tried changing everything to pixels in the example and it still faltered.

[dmethvin]

This seems to be working for me in 1.4.2 with IE8 and IE7. Test case attached.

[dmethvin]

Also, the original test case (which is more complicated) worked fine with 1.4.2 substituted.