Вырезки 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; 
} 

Любые идеи?

EDIT: Код

EDIT # 2: Похоже, у меня тот же вопрос Thats происходит здесь, за исключением я загружаю варианты с KnockoutJS. See other post here

Answer 1

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

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

Answer 2

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

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