元素框（框模型）在Chrome中相互重叠？

Question

我与Chrome与FF存在跨浏览器兼容性问题。

以下是从Chrome浏览过的网页，您会看到DIV #content的框与H3的框重叠。

在FF中，＃content DIV不重叠：

问题是重叠的差异导致医生头部背后的背景（淡蓝色画布纹理）相对定位DIV关闭。在Chrome中定位良好，在FF中绿色的“查看所有按钮”超出了背景。

链接到网站：http://terminalcitymarketing.com/drafts/highgate/

Answer 1

它看起来好像它们都在同一个地方，只是chrome在检查器中以不同的方式显示区域到FF。我根本不认为这是一个问题。

Answer 2

在css第72行，我拿出了

 p{
 margin-bottom:12px;
 }

它修复了绿色视图全部按钮的定位。然后，您必须更具体地将边距重新应用于您想要的元素

Answer 3

我有一种感觉，如果你修复了一些Validation Errors，问题可能会解决。在列出的那些中，我注意到的直接红旗是你有一堆这些错误：

  

错误：重复ID

检查#wrapper，#mainBox等