Css 为什么这个网站在不同的浏览器中显示不同宽度的菜单？

---

问题出在jQueryMega菜单中。它在Google Chrome Linux和Internet Explorer（Windows 8）上显示正确，但在Opera（Linux）、Google Chrome（Windows）、Firefox（Windows）等上显示不正确。如果显示不正确，悬停时的最后一个菜单将覆盖搜索输入。这里可能有什么问题？我不想换衬垫。

不知道这个方法对不对

在第2025行的CSS文件中有一些代码

#searchform {
    position: absolute;
    top: 79px;
    left: 744px;
    width: auto;
    height: auto;
    margin: 0px;
    display: table-cell;
}

从

744px将
left
属性值编辑为
764px

在线3416

#searchform .text_input {
    width:149px;
    height: 9px;
    padding: 10px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    font: 11px Arial,sans-serif;
}

从这段代码中删除width属性
差异很可能是由于浏览器对十进制像素数的解释不同。每个菜单项都没有通过CSS设置明确的宽度，所以它会得到一些像素的分数，这些像素在某些情况下是受尊重的，而在某些情况下则是四舍五入的。现在，每个元素只有1px的差别，但最终加起来是10px，20px，甚至更多

因此，解决方案是在菜单项和搜索栏之间留出足够的空间，也许可以使其更窄

这可能有助于您详细了解问题：
如果您不想更改填充，请减小输入搜索文本框的宽度，然后让我重新表述我的问题-这些浏览器/引擎的解释有什么不同？我没有linux，但我在IE8和FF中检查了您的站点，它们在windows中看起来是一样的。您可以在这些照片中看到差异：因为它们基于像素。据我所知，浏览器有一件愚蠢的事情，就是计算它们的所有差异，这不会有帮助，因为搜索表单是使用绝对位置添加的，这意味着它无法根据菜单中的剩余空间计算宽度。