title: Difference between a transformed div with various point of origin
body: <p>I have one two divs (rectangle) that have each the following transforms applied on:</p>
  
  <pre><code>translate(100px, 100px) scale(2) rotate(20deg)
  </code></pre>
  
  <p>Those divs are identical except the point of origin varies, one have (0, 0) and the other have (64px, 64px). You can see them here:
  <a href="http://jsfiddle.net/L7ksC/2/" rel="nofollow">http://jsfiddle.net/L7ksC/2/</a></p>
  
  <p>How can I get the left and top difference between those tho divs?
  It can be just a math solution rather then a Javascript one.</p>
  
  <p>Thank you.</p>