Ширина <selects>в Safari 5.0.5 для Windows

Question

Я разрабатываю веб-форму и хорошо работаю в Firefox 4 и 3.6, Chromium 11, Opera 11.10 и IE 8, но в Safari 5.0.5 для Windows все <select> имеют большую ширину, что приводит к поломке расположение. Это скриншот, сравнивающий результат с Firefox 3.6:

Странно то, что в Safari 5.0.5 для Mac он отображается так, как ожидалось. Что может случиться? Кажется, что стрелка использует пространство за рамкой. Вот CSS:

select{
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    display:block;
    height:19px;
    margin:0;
    padding:1px;
    background:#eee;
    border:1px solid #a7a7a7;
    width:128px;
}

Кстати, Firebug Lite для Safari сообщает ту же вычисленную ширину, что и в других браузерах.

Answer 1

select {
    -webkit-appearance: none;
}

Answer 2

Похоже, именно ваши блоки выбора - те, которые вызывают проблему.

Некоторые браузеры принудительно устанавливают ширину поля выбора, по крайней мере, такую ​​же ширину, как самый широкий параметр в данном выборе.Посмотрите, не в этом ли проблема, уменьшив количество символов в опциях.