title: jQueryRotate - Issue in IE8
body: <p>js fiddle for what I want to achieve : <a href="http://jsfiddle.net/g3qgS/1/" rel="nofollow">http://jsfiddle.net/g3qgS/1/</a></p>
  
  <p>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. </p>
  
  <p>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.</p>
  
  <p>I am using jquery rotate plugin (<a href="http://code.google.com/p/jqueryrotate/" rel="nofollow">http://code.google.com/p/jqueryrotate/</a>) for this, I know this can also be done through css3, but I needed it for IE8 as well, hence had to go this way.</p>
  
  <p>Any help on why its behaving weird in IE8 would be appreciated. In fact, if there's another way to do these animations, would be glad to know, provided they work in IE8 as well. Thank you.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="cont"&gt;    
      &lt;img src="http://s22.postimg.org/fjo3h0p2l/sun.png" class="sun"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.cont {background:#000; height:345px; position:relative;}
  .sun {position:absolute; bottom:0px; left:20px;}
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>  $(window).load(function () {
      HomePageAnimation.sunRise();
  });
  
  
  var HomePageAnimation = {
  
      sunRise: function () {
          $(".sun").animate(
          { "bottom": "150px" },
          { duration: 2000,
              complete: function () { HomePageAnimation.rotateSun(360) }
          });
      },
  
      rotateSun: function (angle) {
          var sun = $(".sun")
          sun.rotate({
              angle: 90,
              animateTo: 360           
          });
      }
  
  };
  </code></pre>