Выберите поле, смещенное в Firefox после преобразования:scale()

Question

Масштабированный DIV содержит два поля выбора. Из-за масштабирования окна выбора меняют положение. Но после открытия окна выбора параметры отображаются в том положении, в котором они не были бы масштабированы.

пожалуйста, проверьте Fiddel: http://jsfiddle.net/wJ4H9/

Fail в 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. Вы должны сообщить об ошибке здесь.

В Chrome, как только вы добавите -webkit-transform:scale(0.8), выпадающее меню расположено правильно. (См. http://jsfiddle.net/wJ4H9/2/) Однако обратите внимание, что параметры не уменьшены.