jQuery: анимация полей работает в Chrome, а не в Firefox и IE

Question

Проект: http://design.vitalbmx.com/fave/news.html

Когда я нажимаю кнопку «Добавить в избранное» (под главной картинкой), в Chrome он анимирует UL, в то время как в Firefox и IE это не работает.

Не могу понять, почему это работает по-другому. Пожалуйста, помогите.

Answer 1

Firefox не будет правильно анимировать margin-left. Вместо этого сделайте ваш <ul> относительно позиционированным и используйте атрибут left.

Так что вместо margin-left: -125px; используйте left: -125px; position: relative;

И измените анимацию на:

$j('#fave_recent ul').animate({'left': 0}, 500);

Это будет работать во всех браузерах.