title: Position rotated div
body: <p>I'm trying to rotate and resize elements ('furniture' in my roomplanner).
  Every element (image) has a div wrapped. This div is draggable, the image can be rotated. There is a second div wrapped around the image wich I use for resizing. </p>
  
  <pre><code>&lt;div class="element furniture" height="53" width="146"&gt;
      &lt;div class="imageholder"&gt;
          &lt;img width="146" height="53" src="/images/furniture/bankstel_3zits.png" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>After rotation I set the height of the div to the width of the image and the width of the div to the height of the image. But, when I rotate, div's are on another position then the image inside.. I tried working with margins but I guess this is not the correct solution?</p>
  
  <p>I've setup an example:
  <a href="http://jsfiddle.net/Hqcnh/6/" rel="nofollow">http://jsfiddle.net/Hqcnh/6/</a></p>