title: IE8 issue - elements animate with wrong transform-origin
body: <p>I currently have one big main circle. From this big circle im doing some animation with some lines appearing from the center point of the big circle and then rotating around the big circle with soem different degress.</p>
  
  <p>Im using prefixes like the following to define the transfer-origin:</p>
  
  <pre><code>transform-origin: center bottom;
  -moz-transform-origin: center bottom; /* Firefox */
  -ms-transform-origin: center bottom; /* IE 9 */
  -webkit-transform-origin: center bottom; /* Safari and Chrome */
  -o-transform-origin: center bottom; /* Opera */
  </code></pre>
  
  <p>This works fine in all browsers except IE8 and downwards - tried a few different things to target and fix this in IE8, but no luck. Any suggestions.</p>
  
  <p>Example Fiddle of the working animation here:
  <a href="http://jsfiddle.net/R5CDv/21/" rel="nofollow">http://jsfiddle.net/R5CDv/21/</a></p>