title: *-transform: rotate works in Firefox but not chrome
body: <p>CSS looks as follows:</p>
  
  <pre><code>.rotate
  {
      -webkit-transition: all .5s ease-in-out; 
      -moz-transition: all .5s ease-in-out; 
      -o-transition: all .5s ease-in-out; 
      -ms-transition: all .5s ease-in-out;
  }
  .rotate:hover
  {
      -webkit-transform: rotate(90deg) scale(1); 
      -moz-transform: rotate(90deg) scale(1); 
      -o-transform: rotate(90deg) scale(1); 
      -ms-transform: rotate(90deg) scale(1); 
  }
  </code></pre>
  
  <p>Hovering over a <code>&lt;span class="rotate"&gt;</code> will rotate the element in Firefox but not chrome.
  <br>Demo: <a href="http://jsfiddle.net/BuHGQ/" rel="nofollow">http://jsfiddle.net/BuHGQ/</a> (hover over the arrow)</p>
  
  <p>What can be done so that it works in Chrome?</p>