Проблема абсолютного позиционирования Firefox и Chrome CSS

Question

Это веб-сайт, о котором идет речь: http://www.eportfolio.jameswmann.com/ В разделе «Музыка». Изображение «новый».

.new отображается правильно в Google Chrome - в Firefox он совершенно не в том месте.

Эту проблему можно решить, если jQuery анимирует мой диапазон, используя 'block' или 'inline-block', а не просто 'inline'

Я не уверен, стоит ли исправлять анимацию jQuery или исправлять проблемы размещения между двумя браузерами.

Answer 1

Вы можете попытаться использовать таблицу стилей для сброса css, чтобы установить все на то же самое, и определить нужные теги, чтобы все было согласовано во всех браузерах. попробуйте это:

http://html5doctor.com/html-5-reset-stylesheet/

Answer 2

Я бы порекомендовал использовать HTML5 Boilerplate или даже его Урезанную версию для обеспечения надлежащего, общепризнанного в отрасли сброса, который поможет смягчить эти проблемы.