O Internet Explorer 9 está expandindo magicamente o div-html, css, css3, internet-explorer-9

Bem, eu estou perplexo com este aqui. Como você pode ver se você vê este jsfiddle com o Internet Explorer 9, há um div que se expande automaticamente em hover. Não é necessário JavaScript! De qualquer forma, verifiquei o css com o Validador W3C e mostra vários erros, mas tanto quanto eu possodizer que eles são devido a propriedades específicas do fornecedor, ou pelo menos eu não consegui encontrar erros de sintaxe, etc. Eu suspeito que essa classe em particular pode ser demais para o IE 9:

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

Alguém já teve esse problema antes? Alguma ideia? obrigado

Respostas:

apenas adicione display: inline-block; para a aula

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

Este problema específico para o IE9. Tornar o estilo de estouro do div para rolagem , em vez de aplicar auto.

Por favor, tente adicionar min-height: 0% na classe