Internet Explorer 9's magically expanding div

Question

Well I'm stumped with this one. As you can see if you view this jsfiddle with Internet Explorer 9, there's a div that expands automatically on hover. No javascript required! Anyway, I checked the css with the W3C validator and it shows several errors, but as far as I can tell they are due to vendor specific properties, or at least I haven't been able to find syntax errors, etc. I suspect this particular class could be too much for IE 9:

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

Has anyone had this problem before? Any ideas? Thanks

Answer 1

just add display: inline-block; to the class

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