使用chrome和Internet Explorer，但不在firefox上工作

Question

我创建了一个电子商务商店，我在php中创建了循环，工作正常，问题来自CSS：

关于chrome的文件，即：

当我在firefox上打开我的文档时，float：left不起作用，它会打破多行：

我的专栏代码：

.prodColuna { 
    text-align:center;
    display: inline-block;
    width:300px;
    float: left;
}
div#produtos{
    padding: 90px 30px 30px 70px;
    text-align:center;
    overflow-x: scroll;
}