Working on chrome and internet explorer, but not working on firefox

Working on chrome and internet explorer, but not working on firefox

Im creating a ecommerce store, i created loop in php, is working fine, the
problem is from CSS:
My document on chrome and ie:

When i open my document on firefox, float:left doesnt work and it breaks
multiple lines:

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