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.

 

About these ads
Posted in Uncategorized. Tags: , , . 1 Comment »

One Response to “IE9 Bug: Div height grows on hover when overflow is set to auto”

  1. What is Ajax Says:

    Wonderful publish, I think don’t brain plainly utilize this article as part of
    our e-book record.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 66 other followers

%d bloggers like this: