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加载选项。 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 }导致问题中描述的行为，所以这可能是解释。