Internet Explorer 9 w magicznie rozwijającym się div - html, css, css3, internet-explorer-9

Cóż, jestem tym zaskoczony, jak widzisz to jsfiddle z Internet Explorerem 9, jest div, który rozwija się automatycznie po najechaniu kursorem, nie wymaga javascriptu! W każdym razie, sprawdziłem css z Weryfikator W3C i pokazuje kilka błędów, ale w miarę możliwościpowiedzą, że są spowodowane właściwościami specyficznymi dla dostawcy lub przynajmniej nie udało mi się znaleźć błędów składni itp. Podejrzewam, że ta klasa może być zbyt duża dla IE 9:

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

Czy ktoś miał wcześniej ten problem? Jakieś pomysły? Dzięki

Odpowiedzi:

poprostu dodaj display: inline-block; do klasy

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

Ten problem specyficzny dla IE9. Zrób styl przepełnienia div zwój zamiast stosować auto.

Spróbuj dodać min-height: 0% w klasie