IE7 CSS - 悬停某些链接时页脚 div 移动

Question

当您将鼠标悬停在 IE7 中的顶部导航链接（联系人/捐赠/媒体）上时，页脚 div 会上升到侧边栏的级别。

我试过了： - 禁用所有脚本 - 在页脚中放置清晰的 div - 设置侧边栏的高度/最小高度。 - 删除 twitter/facebook 小部件 - 移除顶部导航栏的所有 CSS 样式

同样的问题。有什么想法吗？

Answer 1

几年前我遇到过类似的问题。是什么导致了我：

1. 将鼠标悬停在菜单中的链接上
2. 菜单项通过添加 1px 边框、创建下划线、变为斜体等来稍微改变大小。
3. 项目的新大小导致外部容器比声明的宽度宽几个像素
4. 页脚/其他内容浮动，因为有一些额外的像素或
5. 与菜单高度相同的内容被踢到容器对象下方，并在流程的其余部分中发挥作用

希望我的经验有所帮助！

编辑

是的，我确实修复了它。这是一团糟，但基本上涉及遍历每个 :hover 选择器并确保绝对没有任何变化——除了所涉及的颜色。我还记得我需要在:hover选择器中重新声明和width: nnpx; height: nnpx;。

伙计！喜欢为旧浏览器编程！

Answer 2

解决方案是将“导航”div 移到“header”div 中。

不知道为什么，一直通过消除的过程取出div。