IE9 Bug: Div height grows on hover when overflow is set to auto


It turns out that if you have a div set to overflow:auto, the contents of that div are wider than the containing div, and you have an element with a :hover css class inside that div that IE9 will start messing with the height of the div whenever the mouse is moved inside it. (see below)

Image

 

The work around for this is quite easy.  All you need to do is specify a height on the wrapper div and set the inner div to a height of 100%.  You can see an example of the problem and the solution here.

 

Posted in Uncategorized. Tags: , , . 1 Comment »
Follow

Get every new post delivered to your Inbox.

Join 68 other followers