html - 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:leftto .carousel-inner，这会导致width:100%被忽略。

是否有另一种针对 Firefox 的解决方法？

我试过clear:both没有运气。

这是jsfiddle示例

和图像（Chrome、IE、Opera）：

火狐：

干杯！