luismartin - 10:41 am on Dec 3, 2011 (gmt 0)
Hello Paul, and thanks for helping! How did you figure out it is a bug in Chrome?
Your solution would work in my case if I didn't have to use a gradual slide effect when a tab is opened/closed. I've also tried with the negative margins, and it statically works, but not during the slide effect.
My final solution, or at least temporal, until I get something better, was to apply a similar width animation to the parent (div.tab) besides the one I made for div.tab-content. In this case the collapsed width wouldn't be 0, but the width of div.tab-button which is always visible.
In addition, I had to do this only if the browser was Chrome, so I had to filter it with a condition.
I get it working. This doesn't affect FF/IE, and Chrome displays the accordion correctly.
However there is an ugly flicker in Chrome during the slide effect. So I'm yet not satisfied with my solution.