Chrome jquery .animate() leaves 'movement' lines

Question

I have a div, so that when I click, it will toggle to expand, or retract. It works pretty well on all browsers, though there is a thing that intrigues me. On Google Chrome when it retracts it leaves small lines from the movement. www.rezoluz.com/login.php - The page

To see it, open that page with Google Chrome. And click on the register button twice, on the second time it will leave lines, normally, but not on other browsers. I'm using a standard .animate, with jquery. All help is greatly appreciated.

SCREENSHOT:

Also, here is a jsfiddle showing the result : http://jsfiddle.net/rwQPu/2/ . Error in Chrome 21.0.1180.81 beta-m Win7.

Answer 1

It's a bug of chrome. See a previously asked question here :

Odd “shaking” effect when animating width with jQuery (only in Chrome!)

Answer 2

This is not a coding problem but actually a bug in certain versions of Google Chrome, as unlikely that may sound. There is no fix as far a I know, we just need to wait for Google to resolve their problem, knowing Google that will be done from the moment they find out about it.