end of jquery fadeIn() has a 'bump' in Chrome

Question

I\'m using a very simple fadeIn and fadeOut in Chrome. I just want one text element to fade out and another to fade in. Working example: http://jsfiddle.net/forgetcolor/7eR5Q

Answer 1

It seems to be the font smooth rendering bugging on macbooks. Here is an question from stackoverflow of it.

Edit: you can improve you font rendering with font smoothing in antialiased (spec) mode. And here is an article why you shouldn't use it in general.

-webkit-font-smoothing: antialiased;