title: Mozilla Firefox column-count works oddly
body: <p>I have a problem with <code>column-count</code> CSS property on Mozilla Firefox only:</p>
  <p>There is a list of elements that needs to be displayed as columns, but in vertical order like such:</p>
  <pre><code>1111 4444 7777
  2222 5555 8888
  3333 6666 MORE
  </code></pre>
  <p>where <code>MORE</code> is clickable label that expands list to its fullest length, e.g. for list of 15 elements it will be:</p>
  <pre><code>1111 5555 9999 _13_ 
  2222 6666 _10_ _14_
  3333 7777 _11_ _15_
  4444 8888 _12_ LESS
  </code></pre>
  <p>And <strong>problem is the following</strong>:</p>
  <p>When I'm trying to expand and hide again that list, that has exactly 79-85 elements, Mozilla Firefox starts to show it like this (2 vertical columns instead of 4):</p>
  <pre><code>1111 8888 SHOW
  2222 9999
  .... ....
  7777 _14_
  </code></pre>
  <p>Well, actual example could be seen here: <a href="https://cars.avtocod.ru/" rel="nofollow noreferrer">https://cars.avtocod.ru/</a>. For laptops actual numbers will be: <em><strong>35</strong></em> list items (5 columns, 7 elements), Chrome works correctly.</p>
  <p>Also, screnshots:</p>
  <ol>
  <li><a href="https://i.stack.imgur.com/Zlsih.png" rel="nofollow noreferrer">Chrome, not expanded</a></li>
  <li><a href="https://i.stack.imgur.com/uI8YY.png" rel="nofollow noreferrer">Chrome, expanded</a></li>
  <li><a href="https://i.stack.imgur.com/Dz3JG.png" rel="nofollow noreferrer">Mozilla Firefox, not expanded</a></li>
  <li><a href="https://i.stack.imgur.com/amhsi.png" rel="nofollow noreferrer">Mozilla Firefox, expanded</a></li>
  <li><a href="https://i.stack.imgur.com/fK5NH.png" rel="nofollow noreferrer">Mozilla Firefox expanded and hide again</a></li>
  </ol>