CSS has standard behavior, when moving an object in percentage, that this percentage represents dimensions of its parent container (div).
This is not true when using CSS3
translate3d(100%, 0, 0)
var transform = "translate3d(" + translateX * (wrapperCompWidth / innerCompWidth) + "%,0,0)";
Here's a working example of what I mean: http://jsfiddle.net/Whre/7qhnA/2/