title: How can I position a rotated image within a container?
body: <p>Using CSS3, HTML (and javascript/jquery if needed), I need to rotate an image 90/270 degrees and have it position to fill its parent div/container. Sounds simple, but when images are rotated, there positioning changes and I can't figure out how or why.</p>
  
  <p>Here is a jsFiddle to explain - <a href="http://jsfiddle.net/UPGkU/2/" rel="noreferrer">http://jsfiddle.net/UPGkU/2/</a> - I just want the blue logo to be position exactly within the red div. </p>
  
  <p>Of course, I could use specific offsets, but if a different image is used, those offsets change, so I really want to find a generic solution.</p>
  
  <p>Any help would be fantastic, thanks!</p>