Css 用镀铬和IE填充时计算错误的宽度？

可以在此处看到登台页面：

---

当您在Chrome和IE中单击左上角的菜单按钮时，

li

或

a

的宽度与菜单项的宽度不匹配，因此它被切断。不过，它在Firefox中运行良好。非常令人困惑，当我打开chrome的开发者工具并使用它禁用/启用CSS属性（padding等）时，它会正确地调整周围的

div

大小以适应文本…

尝试从ol/ULI中删除padding和margin是否有理由不在#menu div上设置宽度？设置宽度可以很容易地解决这个问题。@cale_b是正确的。让我们给ID

#menu

一些值，例如给一个200px的宽度。我试图让它保持流畅，所以它只是其中类型的宽度。我曾尝试将其设置为百分比，但当浏览器调整大小时，仍会将文字截断。现在看一看，我已经更新了一个百分比宽度。它现在适合了，但是当你调整浏览器的大小时，单词会突出。我想我可以通过媒体查询来控制这一切。。。