: last-child: before с количеством столбцов в Chrome и Firefox ведет себя по-разному

Ожидаемое поведение (Firefox)

Неожиданный (Chrome)

Демо JSFiddle

http://jsfiddle.net/bZaKK/ (попробуйте в Firefox и Chrome, чтобы увидеть разницу).

HTML

<ul>
  <li><a href="">List item 1</a></li>
  <li><a href="">List item 2</a></li>
  ...
  <li><a href="">List item 9</a></li>
</ul>

CSS

ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  }

li:last-child:before {
  position: absolute;
  content: " ";
  display: block;
  background-color: red;
  height: 1px;
  top: -1px;
  width: 100%;
  }

Вопрос

Почему это происходит и как я могу исправить это с помощью чистого CSS? Является ли это ошибкой firefox или хромной ошибкой?

Примечание. Я обнаружил эту явную ошибку при ответе на этот вопрос: Стилирование первого элемента в столбце css.