Internet Explorer 9's magically expanding div

css, html, internet-explorer-9

Solution

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;
}

Problem

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

Original source