ie/firefox和Chrome的某些宽度的CSS问题

Question

我正在建立一个WordPress的网站，我希望内容区域在滑块图像上方“碰撞”。我自己创建了一个缓冲区，但是我对它内部的内容存在问题。该内容不适合Firefox & IE中的凹凸。在谷歌C​​hrome，一些浏览器的宽度符合正确的内容，而其他浏览器的尺寸不

下面是该网站的链接：http://192.185.167.175/~laurente/belle/

我曾尝试用不同的利润率/填充和无法工作似乎得到它工作。

我不能发布图片，因为我没有足够的声誉，但绿盒应该低于bumpout的顶部坐10px的，因为我已经写在我的CSS“填充顶：10px的”

如果将浏览器大小以铬形式显示，您可以看到我的意思

帮助！请！

Answer 1

您可以删除margin-top：-60px;并替换为top：-60px;

这应该解决您的问题。

祝你好运建立你的主题。 :)

Answer 2

Dynamicad，

如果我的理解，你只需要删除margin-top: -60px从.main-outer-wrapper

希望它能帮助。