z-index重叠在webkit中工作，而不是在Firefox中

Question

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

• 第1栏：空
• 第2-4列：z-index为100
的徽标
• 第5-12栏：Navbar

下面是旋转木马。在Chrome / Safari中，徽标正确放置在旋转木马的顶部。然而，在Firefox中，轮播图像在第12列之后被完全推送。这里是link到源。

Answer 1

看起来height设置在#overlap上导致它转移。