fieldset的列數不適用於firefox

我正在嘗試爲具有多對標籤和輸入的表單執行多列布局。它在Chrome和IE中運行良好，但我無法使它與Firefox兼容。（demo of the problem）。我試圖刪除label上的clear: left，但這沒有幫助。fieldset的列數不適用於firefox

下面是簡單的HTML：

<fieldset> 
    <label>Label 1</label> 
    <input type="number" value="0" /> 
    <label>Label 2</label> 
    <input type="number" value="0" /> 
    ... 
</fieldset>

這裏的CSS：

fieldset { 
    height: 110px;  
    border: none; 

    column-count: 2;   
    -moz-column-count: 2; 
    -webkit-column-count: 2;  
} 

label { 
    float: left; 
    clear: left; 
    width: 125px; 
    text-align: right; 
    padding: 3px 0 3px 0; 
    margin: 2px 0 2px 0; 
} 

input { 
    float: left; 
    width: 50px; 
    height: 20px; 
    margin: 3px 0 3px 10px; 
}

我也使用columns並沒有運氣嘗試。我沒有添加Firefox所需的規則嗎？

來源

2013-04-28 Maxime Morin