当隐藏的 div 变得可见时，IE 8 中的内容移动

Question

对于我的个人网站，我构建了一个非常完全由 DIV 和样式组成的简单下拉菜单系统。当用户单击菜单栏中的某个项目时，弹出菜单 DIV 可见，当用户单击文档中的其他任何位置时，BODY 元素的 onclick 处理程序会隐藏所选菜单并弹出。

在 Firefox 中，一切都运行良好。事情完全留在他们应该在的地方。但在 IE 中，菜单栏上方的所有内容偶尔会移动几个像素，我无法弄清楚它来自哪里。菜单栏本身、菜单项和弹出菜单都使用 z-index 以确保它们远高于一般页面内容，并且它们（通常）是绝对定位的，不应影响页面上内容的布局（它们是直接在 BODY 下的对等元素）。

如果你们可以看一看（并且不怕冒险进入我的小排骨店，这绝不是完整的），我将不胜感激。这种行为上的差异让我很恼火，我讨厌不知情的人。我怀疑它与盒子模型或类似的东西有关，但我不确定，我在这里无能为力。 IE Developer Toolbar 也没有告诉我任何有用的信息。该网站的网址是http://www.mikehofer.com。

Answer 1

我没有使用 IE8，所以我必须在 IE7 中进行测试，我猜这比您在 IE8 中看到的更糟糕。您的 .popup 类也是相对定位的，而不是绝对定位 in your stylesheet，这可能会导致 IE 出现问题。