title: jQuery Rotate Image Issues in IE7, IE8 and IE9
body: <p>I'm using this jQuery Rotate Plugin here: </p>
  
  <p><a href="http://code.google.com/p/jqueryrotate/" rel="nofollow">http://code.google.com/p/jqueryrotate/</a></p>
  
  <p>The plugin is supposed to rotate images flawlessly in IE7, IE8, IE9 etc.. And I can rotate images without any problems:</p>
  
  <p><a href="http://jsfiddle.net/zmpdS/101/" rel="nofollow">http://jsfiddle.net/zmpdS/101/</a></p>
  
  <p>However, I'm facing problems to chain two functions <code>.rotate()</code> (provided by the plugin) and <code>.animate()</code> (provided in jQuery core)</p>
  
  <p>The problem is that <code>jQuery Rotate</code> plugin listed above uses <code>RVML</code> to rotate images in IE8 and IE7 whereas in other browsers it's CSS3 Rotations. So, for <code>RVML</code> the DOM is manipulated and the new <code>RVML</code> tags doesn't support <code>.animate()</code> function. </p>
  
  <p>Is there a way out? </p>
  
  <pre><code> $(window).load(function() {
  
       $("#test").rotate({
           angle: 0,
           animateTo: -90,
           duration: 2000,
           easing: $.easing.EaseOutQuint
       }).animate({
           height: "128px",
           width: "128px"
       }, 1000);
  
   });
  </code></pre>