title: jquery: correct drag position after css rotation
body: <p>I´ve several divs being draggable via jQuery like this</p>
  
  <pre><code>$( '#mystack div' ).draggable({ stack: "#mystack div",
  start: function() { isDragging = true; },
  stop:  function() { isDragging = false;}    
  });
  </code></pre>
  
  <p>...works fine so far - now the problem is, that after I rotate a div via css-transform like</p>
  
  <pre><code>target.css('-moz-transform', 'rotate(' + degree + 'deg)');
  target.css('-webkit-transform', 'rotate(' + degree + 'deg)');
  target.css('-o-transform', 'rotate(' + degree + 'deg)');
  target.css('-ms-transform', 'rotate(' + degree + 'deg)');
  </code></pre>
  
  <p>and then want to drag the image again - it kinda 'jumps' in its position when dragged again - meaning: its not staying at the mouse position (where the user started dragging the rotated div) but jumps a few pixel up or down or left after being rotated before?</p>
  
  <p>Any chance or idea to correct that position after rotating?</p>