当隐藏的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中出现问题。