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