html - Firefox で列を使用すると、右のフロート要素が消える

Question

column-count プロパティと column-gap プロパティを持つ ol 要素を使用して、リストを 2 列で表示しています。各リスト項目には右にフロートされた span 要素があり、下の画像の 3 と 4 などの一部の項目では表示されません。

Firefox コラム フロート右記画像

.list {
  column-count: 2;
  column-gap:60px;
}

.close {
  float: right;
}

<ol class="list">
  <li>Test 1
    <span class="close">&times;</span>
  </li>
  <li>Test 2
    <span class="close">&times;</span>
  </li>
  <li>Test 3
    <span class="close">&times;</span>
  </li>
  <li>Test 4
    <span class="close">&times;</span>
  </li>
  <li>Test 5
    <span class="close">&times;</span>
  </li>
</ol>

私は Firefox Quantum 58.0.2 (64 ビット) を使用しており、最新の Chrome、Edge、Opera を試してみましたが、問題なく動作します。