响应式网格布局在Firefox上不起作用

Question

• 当宽度大于 960px 时的原始视图：

• Firefox上的空白区域过多，缺少第一个网格：

• Chrome上的一切运作良好：

有关CSS语法的任何建议吗？

CSS：

  .categorysection {
    margin: 0 auto;
    max-width:960px;
    &.grey {
      background: #eee;
    }
  }
  .grid-col {
    text-align: center;
    display: block;
    float: left;
    margin: 8px 6px;
  }  

使用Javascript：

setContainerWidth = ->
  $('.categorysection').css 'width', 'auto'
  #reset
  windowWidth = $(document).width()
  blockWidth = $('.block').outerWidth(true)
  maxBoxPerRow = Math.floor(windowWidth / blockWidth)
  $('.categorysection').width maxBoxPerRow * blockWidth
  return

$(document).ready ->
  setContainerWidth()
  return
$(window).resize ->
  setContainerWidth()
  return