title: using CSS3 transform:rotate in IE origin problem
body: <p>I'm working on a project that uses the new CSS3 <code>transform:rotate(180deg)</code> feature. Every modern browser has it's own tag, but does support it. Only IE (of course) doesn't. But with using filters the same thing can be achieved. <strong>The only problem with that is, is that IE uses another origin as CSS3 does.</strong> My guess is that with some math the origin can be made centered, but I just don't get it (my math isn't what it used to be).</p>
  <p>The code and the example can be found here: <a href="http://jsbin.com/adiwa3/2" rel="nofollow noreferrer">http://jsbin.com/adiwa3/2</a>.
  Adding <code>/edit</code> behind the url (<a href="http://jsbin.com/adiwa3/2/edit" rel="nofollow noreferrer">http://jsbin.com/adiwa3/2/edit</a>) should open the editor for your testing.
  Check it in IE to see the problem and in another modern browser to see the needed result.</p>
  <p>The part that currently fixes (wrongly) the problem is between the <code>if(i==#){...}</code> which should be changed into some math, as the number of <code>li</code>'s can change.</p>
  <p>I hope someone can help me with this. Thnx you.</p>