Firefox溢出隐藏需要浮动

Question

我在Chrome，Opera，甚至Internet Explorer上测试过，我的下面的css按预期工作。

.carousel
{
    position:relative;
    overflow:hidden;
    width:100%;
    margin-bottom:0px;
}

.carousel-inner
{
    font-size:0;
    position:absolute;
    width:6882px;
}

.carousel-item
{
    background-repeat:no-repeat;
    background-position:0px 0px;
    display:inline-block;
    cursor:pointer;
    margin:0px 16px;
}

但是当我在Firefox上测试时，.carousel-inner并没有隐藏溢出元素。

为了添加相同的效果，我需要将float:left添加到.carousel-inner，这会使width:100%被忽略。

还有其他针对Firefox的工作吗？

我没试过clear:both。

这是jsfiddle example

图像（Chrome，IE，Opera）：

Firefox：

干杯！