title: Changing width/height to a CSS rotated div triggers top/left reposition
body: <p>I have a <code>&lt;div&gt;</code> that its rotated 66 deg with <code>-webkit-transform(rotate66)</code>. When I am performing a resize, width or height, the div seems to change his top/left coordinates. The actual <code>left/top</code> CSS proprieties do not change though. I think that there is something going wrong in the transform matrix.</p>
  
  <p>Is there any way of making the rotated <code>&lt;div&gt;</code> "stay still" on a <code>width/height</code> resize? On resize should be a left and top prop applied to counter this movement but I can't seems to find the right proportions.</p>
  
  <p>You can see the test here (Webkit Only): <a href="http://jsbin.com/iqezoj/4/edit" rel="nofollow">http://jsbin.com/iqezoj/4/edit</a></p>
  
  <p>Thank you</p>