CSS3コラム：FirefoxとChromeの異なる行動

Question

私は基本的に

 <ul class="subnav-links"> 
     <li class=""> 
      <a href="/de/t/new">New In</a> 
     </li> 
     <li class=""> 
      <a href="/de/t/sale">Sale</a> 
     </li> 
     <li class=""> 
      <a href="/de/pages/best_looks">Looks</a> 
     </li> 
     .... more lis omitted 
    </ul> 

やCSSなどの順序なしリストでウェブサイトを持っている：このwebsite Chromeで

.subnav-links { 
    -webkit-columns: 8 auto; /* Chrome, Safari, Opera */ 
    -moz-columns: 8 auto; /* Firefox */ 
    columns: 8 auto; 
} 

が正常に8列のリスト項目を示していFirefoxでは1列しか表示されません。

なぜそうですか？そして私はそれをどのように修正できますか？

P.S.私はdiv.subnav-columnsの中にsubnav-ulもラップし、columnsプロパティでdivのスタイルを設定しましたが、Firefoxは1つの列しか表示しません。

.subnav-links li { 
    display:inline-block; width:100% 
} 

Answer 1

[OK]を、私はそれを見つけた：

Answer 2

Hav'ntあなたはこれを使用してCSSにそれを適用してみました。私は自分のスタイルシートに間違ったネストされた@-moz-document url-prefix()を持っていました。