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, поэтому вам следует проверить другие браузеры, чтобы убедиться, что они все еще работают в них).