Как я могу контролировать высоту элемента Option в Webkit?

Это кажется очень простым, но я даже не могу найти что-то, говорящее мне, что это невозможно, не говоря уже о том, как это сделать.

У меня есть страница, которая использует расширенные/множественные select s, и я не могу контролировать высоту параметров. Они выглядят очень уютно. В Firefox значения CSS для option в height и line-height оба, похоже, имеют желаемый эффект, как и padding, но не в Chrome 8 или Safari 5. Я что-то упустил? Вот пример моего кода. Я вложил все, что могло повлиять на этот вариант, если бы там было какое-то основное значение, которое мне не хватает.

body, input, select, checkbox { 
  font-family:'Avenir Lt Std',AppleGothic,'century gothic',Verdana,sans-serif; 
  font-size: 15px; 
  font-weight:200; 
  line-height: 18px; 
}

input, select { 
  color:#4c2a18; 
  border: 1px solid #cfc8b4; 
  background-color:#ffffff; 
  -moz-border-radius: 0; 
  -webkit-border-radius: 0; 
  border-radius: 0;
  margin:0; 
}

option { 
  height: 35px; 
  padding:5px; 
  line-height: 35px; 
}

<select size="5">
  <option value="">This is option 1</option>
  <option value="">Option 2</option>
  <option value="">Just trying to show how the line height thing works.</option>
</select>

Ответ 1