title: Rotating in IE8: translation not working properly
body: <p>I have a need to rotate an image in a web application. In an earlier <a href="http://facebook.stackoverflow.com/questions/7235507/weird-positioning-problem-while-rotating-image-in-javascript">post</a> it was explained to me that on rotation I need to 'translate' the image because the center point changes.</p>
  
  <p>I'm using the HeyGrady 2D transfrom JQuery plugin for rotating and provide it the translation as was suggested, which works fine on FF/Chrome/Safari/IE9. However, on IE8 this does not work well. </p>
  
  <p>Please have a look at the following <a href="http://www.s-bus.net/accordeon/testRotateIE8.html" rel="nofollow">link</a>.</p>
  
  <p>If you run this on FF/Chrome/Safari/IE9 the image rotates just fine (stays within the black border). However, if you run this on IE8 it will cross the black border boundary when rotating to 90 or 270 degrees.</p>
  
  <p>The plugin project page mentions that "IE also lacks support for transform-origin and translate() [...] The jQuery Transform plug-in handles these calculations automatically". However, it does not seem to do so. </p>
  
  <p>Anyone has any ideas what the problem may be?</p>
  
  <p>Thanks!</p>