Issue on IE8 - not working properly in sequence of animation, after being called after first

[GoogleCodeExporter]

What i want to achieve:
http://jsfiddle.net/g3qgS/1/

The image of sun rises from bottom and then using jquery rotate, its being 
rotated till 360 degrees. These 2 animations run fine in chrome, FF, IE9 but 
not in IE8.

In IE8, the sun will rise from bottom till the point where it is supposed to , 
then before the rotation, it comes back to its original position and rotates.

Any help on why its behaving weird in IE8 would be appreciated. Thank you.

Original issue reported on code.google.com by yogeshar...@gmail.com on 3 Oct 2013 at 5:12

[GoogleCodeExporter]

I'm terrible sorry for that issue. Unfortunately its a drawback of how the 
plugin works - during first rotation it replaces IMG element with VML object in 
IE, and tries to copy most of the attributes a previous object has. It in fact 
misses some of the attributes, like a "bottom" attribute.

Easiest way to fix it for you would be - rotate object using 0 value first, 
then do the movement. This way you'll make sure that you moving a already 
replaced object.

Original comment by wil...@gmail.com on 9 Oct 2013 at 8:58

• Changed state: WontFix

[GoogleCodeExporter]

In your case it would be:

sunRise: function () {
        $(".sun").rotate(0);
        $(".sun").animate(

Original comment by wil...@gmail.com on 9 Oct 2013 at 8:59

[GoogleCodeExporter]

Perfect, it works man. Thanks a lot. You are a saviour. :-)

Original comment by yogeshar...@gmail.com on 9 Oct 2013 at 3:03