I'm currently utilizing jQuery to create an animated multi-column layout that extends off the screen horizontally. I have implemented two controllers - one red and one blue - to navigate back and forth within the layout. Strangely enough, while the animation functions smoothly in Firefox and Safari, Chrome presents issues with text duplication and overall distortion.
If you'd like to view an example, check out this link: http://jsfiddle.net/darcyclarke/q8etQ/11/. Additionally, here's a screenshot illustrating the problem as seen in my version of Chrome:
If anyone has any insights on why this occurs and possible solutions to rectify it, your input would be greatly appreciated.
Thanks in advance!