Skip to content Skip to sidebar Skip to footer

IE8 Does Not Hover When Using An Li With Position:absolute

I have a sort of an image map, where I've used li's to create the elements, and on hovering the information pops up. The html code is:
  • Solution 1:

    Internet Explorer has some problems with dealing with :hover events, especially for li elements. You need to use this: http://www.xs4all.nl/~peterned/csshover.html

    Should work for you then. If all else fails, and in my case, I use jQuery's hoverIntent to show menus reliably.


    Solution 2:

    From http://msdn.microsoft.com/en-us/library/ms530766.aspx

    Windows Internet Explorer 7 and later, in standards-compliant mode (strict !DOCTYPE), can apply the :hover pseudo-class to any element, not only links. If the pseudo-class is not applied specifically to an element in the selector, such as the A tag, the Universal (*) Selector is assumed. Indiscriminate use of the :hover pseudo-class can negatively impact page performance.

    See Defining Document Compatibility


    Post a Comment for "IE8 Does Not Hover When Using An Li With Position:absolute"