Выпадающие IE обрезают нефиксированные значения ширины

Question

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

Когда я нажимаю раскрывающийся список:

HTML:

<select id="attribute_values_1903" name="attribute_values_1903">
<option value="">Please select a value</option><option value="80469">12” (305mm)</option><option value="75549">18" (457mm)</option><option value="75548">20" (508mm)</option><option value="75935">24" (610mm)</option><option value="76295">28" (711mm)</option><option value="75528">30" (762mm)</option><option value="75915">36" (914mm)</option><option value="75907">42" (1067mm)</option><option value="75900">48" (1219mm)</option><option value="75768">54" (1372mm)</option><option value="75767">60" (1524mm)</option><option value="75930">66" (1676mm)</option><option value="76281">72" (1829mm)</option><option value="78762">78" (1981mm)</option><option value="76948">84" (2134mm)</option><option value="80467">96” (2438mm)</option>
</select>

CSS: я использую сброс YUI, шрифты и базу, а также это для моей собственной CSS

select 
{ 
    border:1px solid @defaultLightGrey;
    padding:1px;
}

Есть идеи?

РЕДАКТИРОВАТЬ: код

РЕДАКТИРОВАТЬ # 2: Похоже, у меня та же проблема, что и здесь, за исключением того, что я загружаю опции с KnockoutJS. см. Другой пост здесь

Answer 1

Найдите и удалите настройку ширины для элемента select.Размещенный код не содержит такой настройки, а также код сброса YUI на http://developer.yahoo.com/yui/reset/#code, и при их использовании описанное поведение не отображается.Так что проблема в том, что какой-то код не включен или не упомянут.

Установка, например, select { width: 30px } вызывает поведение, описанное в вопросе, поэтому что-то подобное, вероятно, объяснение.

Answer 2

Относится к http://css -tricks.com / select-cuts-off-options-in-ie-fix / , потому что вы указали короткую ширину для элемента select, но у вас большеэлементы option внутри них, так что ваши элементы option обрезаются?

Если это специфическая проблема для IE, вы можете обратиться к условным комментариям IE, чтобы задать стили только для IE, чтобы решить проблему.http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx