jquery animate (height) вызывает мерцание фонового изображения в Firefox

Question

У меня небольшая проблема с использованием jQuery.animate с firefox: когда я анимирую высоту контейнера с некоторым фоновым изображением, фон начинает мерцать только на firefox - все другие браузеры (даже т.е.) показывают плавную анимацию. сокращенный фрагмент кода, который показывает, что я делаю:

<div style="background-image:url(image.jpg);background-position:50% 50%;height:200px;"
      onmouseover="jQuery(this).animate({height:400});"></div>

Буду очень признателен за вашу помощь.

Answer 1

Из интереса, что произойдет, если вы поместите это в другой DIV и оживите это, например,

<div style="background-position:50% 50%;height:200px;" onmouseover="jQuery(this).animate({height:400});">
     <div style="background-image:url(image.jpg);"></div>
</div>

(Для записи я использовал ваш код, но предпочел бы использовать CSS-классы и позднюю привязку событий jQuery; -)