Firefox and Safari aren't pushing it to the left, they are rotating from center of item. You can change that by adding transform-origin like this (value format is similar to background-position):
transform-origin: left center;
thank you so much, you helped me find this
-moz-transform: translate(100px) rotate(20deg);
with that I can set the pixels needed on internet explorer and push the element the pixels needed in firefox to be at the correct position.