IE7：复选框不滚动包含li，显示不当

Question

我有一个<ul>包含几个垂直堆叠的<li>。 <li>内的<ul>滚动，<li>中包含复选框。在IE7中，这些复选框不会与其包含的<li>一起滚动，并且即使应该剪切它们，它们也会一直显示。 jsFiddle这里：

http://jsfiddle.net/m4asa/6/

有关导致此问题的原因的任何想法？该代码适用于Chrome，Firefox和IE8。

Answer 1

ul.selector li input[type="checkbox"] 
{
    display: block;
    left: 1px; top: 2px;
    margin-right: 4px;
    float: left;
}

在CSS中使用它而不是ul.selector li input[type="checkbox"]所拥有的。您可能需要稍微调整边距，但它修复了IE7的滚动问题（在IE7和Chrome中测试过，因此您应该检查其他浏览器以确保它仍适用于那些）。