jQuery animate left and bottom works, but not top and right
<p>Why does jQuery animate bring a box to the right, and then to the bottom, and stop at that point?
I'm trying to get a box through a complete circle(or square to be exact) so that the box will return to its original position.</p>

<p>Here's the jsfiddle: <a href="http://jsfiddle.net/QZWDs/" rel="nofollow">http://jsfiddle.net/QZWDs/</a></p>
