Html IE8中选择按钮的奇怪显示

这就是我的一个选择框：

请注意，没有滚动条，它一直打开到IE8中的窗口标题。这不会发生在Webkit或FF上

HTML:

知道发生了什么事吗？我已经看到了一些处理IE7上的修剪问题的例子，但显然不是这样。此外，IE8中的兼容模式也无法修复此问题

---

我确信这是我忽略的CSS属性，但我被难住了。

将此添加到您的

CSS

，可能有助于解决问题：

.selector{
    height:100px;
    overflow:scroll;
}

---

我觉得应该。您希望仅将其用于。选择。就目前而言，注释掉其他。选择“这两个是css中唯一的选择，我注释了focus one，但它仍然不起作用。我使用了您在这里提供的代码，并尝试在IE8中复制它，但我无法，一切看起来都正常。它并没有升到地址栏的上方。这可能是您的代码中的其他原因造成的：这是我使用的js代码的一部分，尽管JSFIDLE在ie8中并不真正起作用。这是一个间接的解决方案，但您始终可以实现或删除它。这些是默认

SELECT

元素的基于Javascript的替换。他们应该恢复滚动条，但代价是在页面加载时运行额外的脚本。但是，这两个库都提供了搜索功能（键入一些字符以过滤结果），这对于像您这样的长列表来说是很好的。如果我不得不猜测原因，可能是

div.fblock{display:inline block；}

触发

hasLayout

。尝试删除

显示：内联块在那里（如果同时浮动元素，则不需要它）。@Thirden我删除了fblock以测试其css干扰，但该行为仍然发生。@StaceyGarrison我想我会继续查找。它必须是继承的CSS或类似的东西。虽然看起来像萤火虫一样，但它只继承了字体样式。大多数css应该在它自己的类选择器上。
select.selector {padding:2px 5px;
    border:1px solid #56AB4E; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}
select.selector:focus {
    box-shadow:0 0 5px #77BE5E; -moz-box-shadow:0 0 5px #77BE5E; -webkit-box-shadow:0 0 5px #77BE5E;}
div.fblock {display:inline-block; float:left; padding:0px 10px 10px 0px}
div.fblock.button {margin-top:10px}
div.fblock-container {clear:both; float:none; display:block; width:100%}

.selector{
    height:100px;
    overflow:scroll;
}