Internet Explorer 8 (IE8) opacity link hover bug

The hover functionality does not work in IE8
on all links (<a>) within a element has set an opacity value ('css filter', 'css -ms-filter' or set with javascript).

Use the Internet Explorer 8 (IE8) to observe the issue. Try mouse over the links below.

Workaround:
The links (<a>) requires in IE8 an css filter property reset and hasLayout. See at 'CSS Fix' code.

Normal Link (hover works on all browsers)

NOT WORKING HOVER IN IE8: Hover Link (parent element with opacity)


FIXED: Hover Link (parent element with opacity)

CSS Fix:
  [optional parent-element-selector] a {
    -ms-filter: ""; /* Reset the filter property */
    display: inline-block; /* Enable hasLayout */

    /*
     * Recommended properties for hasLayout:
     *
     * display: inline-block;
     * display: block;
     * float:left;
     *
     */
  }