end of jquery fadeIn () tiene un 'bump' en Chrome

Estoy usando un fadeIn y fadeOut muy simples en Chrome. Solo quiero que un elemento de texto se desvanezca y otro que se difunda. Ejemplo de trabajo:http://jsfiddle.net/forgetcolor/7eR5Q/

El problema que tengo es que al final de fadeIn () hay una transición abrupta al estado final. Yo lo llamo un 'bulto'. El elemento se desvanece suavemente, pero justo al final pierde esa suavidad y termina el desvanecimiento todo de una vez.

Hay alguna manera de evitar esto?

var cur = 1;
$('#btn').click(function() {

    if (cur == 1) {
        $('#txt1').fadeOut(500, function() {
            $('#txt2').fadeIn(500);
        });
        cur = 2;
    } else if (cur == 2) {
        $('#txt2').fadeOut(500, function() {
            $('#txt1').fadeIn(500);
        });
        cur = 1;
    }
});​

body {
    background-color:#666;
    color:white;
    font-size:20px;
    margin:20px;
}
#txt2 {display:none;}​

<div id="txt1">txt1</div>
<div id="txt2">txt2</div>
<br/><div id="btn">btn</div>​

ACTUALIZAR:

Aquí hay un video:http://www.youtube.com/watch?v=n2IGED0pkVg

El número de mi versión de Chrome es 20.0.1132.21 beta (más reciente en este momento) en OSX

Informe de error de Chrome enviado:https://code.google.com/p/chromium/issues/detail?id=130801