title: CSS Transform Rotate - Rendering Issue in Chrome
body: <p>I'm trying to rotate a div ( tag), via jQuery with the following code:</p>
  
  <pre><code>$(this).addClass("rotate1");
  
  .rotate1{
  -webkit-transform: rotate(1deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform:  rotate(1deg);
  -moz-transform-origin: 0% 0%;
  -o-transform: rotate(1deg);
  -o-transform-origin: 0% 0%;
  -ms-transform: rotate(1deg);
  -ms-transform-origin: 0% 0%;
  transform: rotate(1deg);
  transform-origin: 0% 0%;
  }
  </code></pre>
  
  <p>But I'm having display issues, the  is't displayed fully.
  Here is the code on jsfiddle: <a href="http://jsfiddle.net/4CgPD/" rel="nofollow">http://jsfiddle.net/4CgPD/</a></p>
  
  <p>The problem occurs only if I try to rotate the article by jQuery. If I assign it a css class with -webkit-transform..rotate... then it works fine.</p>
  
  <p>The problem occurs in chrome, it is working fine in Firefox.</p>