Mozilla Firefox столбец таблицы Раскол не работает

Question

Моя страница просмотра выглядит

---

<div class="chapterSel"> 
        <div class="chapterList" id="chaplist"> 
<table id="rowtab"><tr><td id="chaptd" style="text-overflow:ellipsis;"> 
         <span ng-repeat="chapter in chapters"> 
          <label><input id="{{chapter.id}}" type="checkbox" value="{{chapter.name}}" ng-checked="selection.indexOf(chapter.name) > -1" ng-click="toggleSelection(chapter.name,chapter.id)" /><span id="sid">{{chapter.name}}</span></label> 
         </span> 
         </td></tr></table></div></div> 

---

CSS выглядит

---

.chapterSel .chapterList { 
columns: 2; 
-webkit-columns: 2; 
-moz-column-count: 2;} 

---

Он отлично работает на всех уш owesers кроме светлячок, который только показывает 1 столбец

Answer 1

вашего CSS имеет "столбец подсчет" ... это должно быть -moz-columns: 2;

Answer 2

вашего CSS

.chapterSel .chapterList { 
columns: 2; 
-webkit-columns: 2; 
-moz-column-count: 2;} 

изменить его. она должна быть -moz-columns: 20 auto;

.chapterSel .chapterList { 
columns: 2; 
-webkit-columns: 2; 
-moz-columns: 20 auto;} 

скрипку

http://jsfiddle.net/tueztoyq/3/