在悬停时IE8中的奇怪定位

Question

我在图片中显示的布局中有一组div。所有四个div（A，B，C，D）都向左浮动，每个div都有一个链接元素包含其他内容元素（主要是div和图像，但也有一些文本）

问题是在IE8中，当您将鼠标悬停在项目B，C或D上时，您悬停的项目会下降100px左右。如果你将鼠标悬停在B上，它会向下推C和D.如果你将鼠标悬停在D上，只需D下降。

实际的IE8只是一个问题，而不是IE8模式下的IE9。

有没有人遇到浮动元素内部链接的这种行为？

有大量的CSS，但我在浮动容器内的内容上使用标准的clearfix。容器的宽度和高度是基于％的，内部的一些元素具有固定的px宽度

Answer 1

很难说出根本问题。您可以做的一件事是在悬停时为div添加其他样式，这会阻止它们扩展。

#B:hover{height:200px;}
#C:hover{height:200px;}
#D:hover{height:200px;}