IE中消失的div

Question

我有一个网站，菜单上有一个带浮动的div，我在CSS中有一个悬停属性可以改变边框，当我执行鼠标移动时，下面的div消失了。 请点击扑克页面，然后鼠标移出鼠标 赌场网站 Ruleta

Answer 1

问题来自Guillotine Bug。这是IE6和IE7中的一个错误，当出现以下特定混合时出现：悬停，浮动和布局（详见链接）。修复它的一种方法是在最后一个#menuItem之后插入以下内容（作为#mainItems的最后一个子节点）：

<div class="clear"><!-- --></div>

然后将以下CSS应用于它：

.clear {clear:both;}

在旁注中，我建议将大多数id钩子更改为类钩子（例如。<div class="menuItems">），因为每个元素都有一个唯一的id。