继承我的链接（警告，它有自动播放音频 - 对不起......！）
这不是通常的'在FF中看起来很好但在IE中的问题很糟糕'：）
在IE6 / 7 Firefox中看起来很好，但在Chrome＆amp; Safari它有很大的问题，看起来像边缘/填充或定位。 （那缩小了吗？）
如果你看看你会明白我的意思。看起来我可能与我的一个CSS规则发生冲突，但这不会导致所有浏览器的问题一致吗？
感谢任何帮助和指示。谢谢。
编辑：不确定为什么我的reset.css规则没有生效......
答案 0 :(得分：4)
问题是<h4> product-panel-content内<div>的上边距。
修改site.css中的以下样式：
.product-panel-content h4 {
font-size:140%;
letter-spacing:-0.5px;
}
是：
.product-panel-content h4 {
font-size:140%;
margin-top:0;
letter-spacing:-0.5px;
}
将修复基于WebKit的浏览器（例如Safari和Chrome）中的显示问题。我不确定这是否会导致您的其他浏览器出现其他显示问题，但会尝试在padding-top上使用<h4>来补充该元素上的空格边距不足。
答案 1 :(得分：-1)
Chrome和任何其他浏览器之间的区别在于，它为元素指定了宽度，添加填充以获得最终宽度。而其他浏览器使用填充来分隔内部内容并保持元素的指定宽度。 Chrome在那艘船上掉了下来。