Google chrome mozilla V.S.safari V.S.Chrome V.S.IE绝对DIV定位

与浏览器兼容的div定位有问题。我正在做一个图像地图，上面有按钮，在单独的分区中。这些div往往在firefox、safari和chrome中移动，一切正常

它们倾向于向下移动一点

更改doctype似乎会影响firefox中的渲染。但所有的doctype似乎都不起作用

在firefox中点击这个链接上的阿尔及尔按钮，你就会明白我的意思

任何帮助=非常感谢

元素仍在使用浏览器的默认边距和填充值（8px），这可能是您看到的差距的原因

另一件需要注意的事情是，虽然图像有明确的高度，但它们周围的

实际上比那些图像高

例如，您引用的图像是37像素高。它被阿尔及尔的按钮包围着

• 在Firefox中，该元素的高度为43px，比图像高6个像素——即您拥有的像素空白的确切数量
• 在chrome中，元素的高度为41px，比图像高4像素。不过，由于某种原因，Chrome正在使它正常运行

---

是的，总是尝试通过CSS重置来消除填充和边距：我正在考虑在jquery中进行浏览器检查，可能会在所有CSS元素的所有顶级值中添加“-10px”。。。但我想这是万不得已的事……谢谢！我把它都修好了，我也有一个嵌套和绝对和相对定位的问题。但现在我都修好了！