Css z索引重叠在webkit中有效，而不是在firefox中

我有一个简单的Twitter引导主题，包括：

• 第1列：空
• 第2-4列：带有

  z-index

  100的徽标
• 第5-12列：导航栏

---

下面是一个旋转木马。在Chrome/Safari中，徽标正确放置在旋转木马的顶部。然而，在Firefox中，旋转木马图像会一直推到第12列之后。这是一个源代码。

看起来是设置在

#overlap

上的

高度导致了它的移动。
看起来是重叠中的浮动元素（.navbar.navbar-default）导致了.carousel inner的移动。我可以添加.carousel{clear:both}来避免这个问题。我会继续挖掘，看看导致浮动/崩溃的伪类是怎么回事。把它缩小到#overlap flac。成功了！谢谢。只要加上答案，我就可以接受了。