变换后选择在Firefox中移位的框：scale（）

Question

缩放的DIV包含两个选择框。 由于缩放，选择框正在改变位置。 但是在打开选择框之后，选项会显示在不缩放父div的位置

请查看Fiddel：http://jsfiddle.net/wJ4H9/

FF 28失败

在Chrome和Opera中运行良好

代码：

<div style="transform: scale(0.8);transform-origin: center center 0px; position:absolute; top:0; left:0; bottom:0; right:0;">
    <select style="position:absolute; top:50%; left:50%"> 
        <option>1</option>
        <option>2</option>
    </select>

    <select style="position:absolute; top:60%; left:30%"> 
        <option>1</option>
        <option>2</option>
    </select>
</div>

感谢您的建议

Answer 1

绝对是Firefox中的一个错误。您应该提交错误here。

在Chrome中，添加-webkit-transform:scale(0.8)后，下拉菜单就会正确定位。 （请参阅http://jsfiddle.net/wJ4H9/2/）但请注意，这些选项不会按比例缩小。