title: Get elements top and left position after being rotated
body: <p>When I rotate an element via</p>
  <pre><code>myElem.css('-moz-transform', 'rotate(' + degree + 'deg)');
  myElem.css('-webkit-transform', 'rotate(' + degree + 'deg)');
  myElem.css('-o-transform', 'rotate(' + degree + 'deg)');
  myElem.css('-ms-transform', 'rotate(' + degree + 'deg)');
  </code></pre>
  <p>I need to get its correct left/top position...</p>
  <pre><code>myElem.getBoundingClientRect().left
  </code></pre>
  <p>...does not deliver the correct x/y positions. As well as f.e. using jQuery...</p>
  <pre><code>$(myElem).position().left
  </code></pre>
  <p>...delivers wrong values.</p>
  <p>Here´s an image to show what I mean
  <a href="https://i.stack.imgur.com/5pcqn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5pcqn.jpg" alt="rotateddiv" /></a><br />
  <sub>(source: <a href="http://www.dasprinzip.com/bitsandpieces/setup.jpg" rel="nofollow noreferrer">dasprinzip.com</a>)</sub></p>
  <p>What to do?</p>