I have an image with behind a transparent part of it a list-element that can be hovered. The image has to be on top of the list-element. This can be achieved with
pointer-events:none;
on the image.
However IE Versions under 11 do not support this rule. I have managed to find multiple javascript solutions for on-click events, but none that also work when just hovering over the list element.
JsFiddle:http://jsfiddle.net/9Y9TH/2/
Hovering NAV 3 will give a pop-up sub-menu. When you move with your cursor to the image area, which is on top of it, the sub-menu will dissapear in IE as IE does not support pointer-events:none;