Div元素在Chrome中推送，但不是IE或Firefox

Question

我的页面位于http://www.playcademy.com/nolimits_mockup.php，我在Chrome中的幻灯片下面有一堆空白，但它没有出现在Firefox或IE中。

当我检查元素时，似乎headlineArea div位于正确的位置，但其内部的所有内容都大约为70px。

我确定我遗漏了一些基本的东西，但我不知道是什么。

谢谢， 道格

Answer 1

您的#slidearea div太宽了。

#slidearea {
display: inline-block;
text-align: center;
position: relative;
width: 915px; /*This was 920px. I narrowed it down to 915px.*/
height: 83px;
overflow: visible;
}

Answer 2

您需要在headlineArea上应用clearfix，以使其一致显示，因为它只包含浮动子元素。

请参阅：What methods of ‘clearfix’ can I use?