title: Flex items not wrapping in Firefox
body: <p>I have a list of divs inside a flex div like this with <strong>Chrome</strong>:</p>
  
  <p><img src="https://i.stack.imgur.com/e5cqB.png" alt="enter image description here"></p>
  
  <p>But in <strong>Firefox</strong> it does horizontal scroll only with one line</p>
  
  <p><img src="https://i.stack.imgur.com/rpVu9.png" alt="enter image description here"></p>
  
  <p>What can I do to don't force the horizontal scroll? I want it in Firefox like in Chrome</p>
  
  <pre><code>#maindiv{
      margin: auto;
      width: 97%;
      border: 1px solid #F4F4F4;
      border-radius: 2px;
      margin-top: 10px;
      -webkit-justify-content: space-around;
      -webkit-flex-wrap: wrap;
      -moz-justify-content: space-around;
      -moz-flex-wrap: wrap;
      -ms-justify-content: space-around;
      -ms-flex-wrap: wrap;
      justify-content: space-around;
      flex-wrap: wrap;
      display: -webkit-flex;
      display: flex;
      display: -moz-box;
      -moz-box-pack: center;
      -moz-box-align: center;
      height: 395px;
      max-height: 395px;
      overflow-y: scroll;
  }
  
  #divslist{
      list-style: none;
      margin: 0px;
      float: left;
      position: relative;
      zoom: 1;
      -webkit-justify-content: space-around;
      -webkit-flex-wrap: wrap;
      -moz-justify-content: space-around;
      -moz-flex-wrap: wrap;
      -ms-justify-content: space-around;
      -ms-flex-wrap: wrap;
      justify-content: space-around;
      flex-wrap: wrap;
      display: -webkit-flex;
      display: flex;
      display: -moz-box;
      -moz-box-pack: center;
      -moz-box-align: end;
  }
  </code></pre>