Странный эффект "встряхивания" при анимации ширины с помощью jQuery (только в Chrome!)

Я анимирую ширину li элемент с использованием jQuery в простом фрагменте кода. Я использую hover() как обработчик и .animate() для анимации ширины. Вот мой код.

$('li').each(function() {
    //store the original width of the element in a variable
    var oldWidth = $(this).width();
    $(this).hover(
        function() {
            //when the mouse enters the element, animate width to 900px
            $(this).animate({width: '900px'}, 600, 'linear')
        },
    function() {
            //when the mouse leaves, animate back to the original width
            $(this).animate({width: oldWidth}, 350, 'linear')
        }
   );
}); 

код действительно очень прост и работает но С одной очень странной причудой в Chrome. При анимации элементов in и out,li элементы "дрожат", как будто они действительно холодные и дрожат. Вы можете увидеть поведение здесь в живом примере: http://missmd.org/ (edit: ошибка теперь исправлена)

Я анимировал кучу вещей раньше с jQuery и никогда не видел такого поведения. Есть ли объяснение, почему это происходит и как я могу обойти это? Мне интересно, потому ли это, что я переместил элементы вправо и оживляю влево. Ошибка сводит с ума и сильно отвлекает от общей презентации (по крайней мере, для меня). Кто-нибудь видел это раньше?

редактировать уточните: это не li элемент, который "дрожит", это текст внутри него, который слегка, но заметно дрожит слева направо очень быстро по мере запуска анимации. Я в тупике.

редактировать два: после возни с CSS немного теперь я могу воспроизвести эффект только в Chrome (21.0.1180.60 beta-m для меня). В Firefox он работает по назначению. Он также отлично работает в IE. Очень иронично, что Chrome (обычно отличный с этим материалом) дает теперь у меня проблемы. выдергивает волосы, проверяет здравомыслие

вот мой HTML, чтобы помочь добраться до сути этого. Мы воспроизвели проблему в jsFiddle Крисфрансиса.

<nav>
    <ul class="nav">
        <li class="one">
            <a href="homeandnews/">
                <span class="title">Home and News</span>
                <br/>
                <span class="subtitle">Learn more about me and read general updates!</span>
            </a>
        </li>
    </ul>
<nav>

Я совершенно в тупике. Это также может быть ошибка в Chrome / V8 JS engine, и мы ничего не можем с этим поделать.