Internet Explorer 9 магически расширяется div

Ну, я в тупике с этим. Как вы можете видеть, если вы просматриваете этот jsfiddle с Internet Explorer 9, там есть div, который автоматически расширяется при зависании. Нет необходимости в javascript! Во всяком случае, я проверил css с W3C validator, и он показывает несколько ошибок, но насколько я могу судить о том, что они обусловлены специфическими свойствами поставщика, или, по крайней мере, я не смог найти синтаксические ошибки и т.д. Я подозреваю, что этот конкретный класс может быть слишком большим для IE 9:

div.gridViewScrollerH
{
    width: 916px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-x: auto;
    -ms-overflow-y: hidden;
}

У кого-нибудь была эта проблема раньше? Есть идеи? Благодаря

Ответ 1

просто добавьте display: inline-block; в класс

div.gridViewScrollerH
{
    display: inline-block;
    width: 916px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-x: auto;
    -ms-overflow-y: hidden;
}

Ответ 2

Эта проблема специфична для IE9. Сделайте стиль переполнения div до прокрутки, вместо того, чтобы применять auto.

Ответ 3

Попробуйте добавить минимальную высоту: 0% в классе