jQuery's .animate вешает chrome/webkit на ≈10 секунд (загрузка процессора 100%)

Есть в одном проекте следующий код:

$(t)
   .css({'border': '9px solid #D9D9D9'})
   .animate({'border': '9px solid #C62417'}, 'fast')
   .animate({'border': '9px solid #D9D9D9'}, 'fast')
   .animate({'border': '9px solid #C62417'}, 'fast')
   .animate({'border': '9px solid #D9D9D9'}, 'fast')
;

И вешает он браузер (Google Chrome 11.0.696.28 beta) при вызове события.
В чём же проблема? Как выяснилось, проблема в том, что создаются несколько одинаковых анимаций последовательно.

Решение — заменить одинаковые цвета на практически не отличающиеся, но немного другие:

$(t)
   .css({'border': '9px solid #D9D9D9'})
   .animate({'border': '9px solid #C62417'}, 'fast')
   .animate({'border': '9px solid #D9D9D8'}, 'fast')
   .animate({'border': '9px solid #C62418'}, 'fast')
   .animate({'border': '9px solid #D9D9D9'}, 'fast')
;

Таким образом анимации становятся разными и проходят с загрузкой процессора ≈1%.