jQuery Effects weird side affect in Webkit
First off, this issue was posted in
http://bugs.jquery.com/ticket/8301... But after the bug was labeled "worksforme" I found out that its only in Webkit, and it seems to uneffected by different jQuery versions...
Basicly I have a series of divs that are styled with display:table, display:table-row, and display:table-cell.
What happens is when I don't style the div that I am using jQuery effects on with display:table-cell, but the rest of the divs are styled properly, when you, for example, $.fadeOut() then $.fadeIn() again. The content div, now just got pushed to the right in the "Table" layout. and if I repeat the effects, its now completely outside the "Table". I have tried this with several different effects, they all do the same thing.
Heres the Test Case http://jsfiddle.net/samishii23/vLLWz/5/
This only effects Chrome / Safari browsers.