Firefox和Chrome CSS绝对定位问题

Question

这是有问题的网站：http://www.eportfolio.jameswmann.com/ 在“音乐”部分。图像'新'。

.new在Google Chrome中正确显示 - 在Firefox中，它完全处于错误的位置。

如果jQuery使用'block'或'inline-block'而不仅仅是'inline'来设置我的span的动画，可以解决这个问题

我不确定是否应该修复jQuery动画或修复2个浏览器之间的放置问题。

Answer 1

您可以尝试使用css重置样式表将所有内容设置为相同，并定义您想要的标记，以便所有浏览器中的所有内容都是一致的。试试这个：

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

Answer 2

我建议使用HTML5 Boilerplate甚至Stripped Down version来实现行业认可的正确重置，以帮助缓解这些问题。