Как правильно добавить пространство в элемент select с помощью CSS?

Question

Я работаю с существующей таблицей стилей и заметил, что мои элементы выбора выглядят довольно сжато. Я также заметил, что при использовании фреймворка normalize.css это также может происходить:

Picture.png http://img813.imageshack.us/img813/995/picturey.png

Я попытался добавить некоторые отступы для выбора и опции:

Изображение 1.png http://img850.imageshack.us/img850/133/picture1ct.png

Выглядит нормально в хроме:

Изображение 3.png http://img18.imageshack.us/img18/68/picture3pj.png

но все еще странно в Firefox - обратите внимание на раздутые стрелки. Это также ведет себя немного странно, когда я использую sroll для выбора параметров. Просто заставляет меня задуматься, правильно ли я это делаю.

Изображение 2.png http://img215.imageshack.us/img215/7650/picture2ykj.png

Это правильный способ добавить интервал или есть лучший способ? Я также пытался использовать высоту строки, но это, похоже, не имело большого эффекта.

Answer 1

Почему не высота:? Px;- Похоже, мне нужно работать, чтобы приблизиться к тому, что я хочу во всех браузерах.