problema de z-index en IE con div @ transparen
Tengo un elemento div transparente con un índice z más alto que un elemento img en la misma página. Pero Internet Explorer está actuando como si el elemento img tuviera un valor z más alto cuando se trata de eventos de clic.
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
</head>
<body style="margin:0;padding:0;">
<img src="7player.png" alt="7player" width="60" height="60" style="position:absolute; left: 100px; top: 100px; z-index:10" />
<div style="width:100%;height:100%;position:absolute;z-index:900;" onclick="alert('hello');"></div>
</body>
</html>
Al hacer clic en la imagen no ocurre nada, aunque el evento de clic del elemento div debe activarse (funciona en Chrome, por ejemplo).
¿Hay alguna solución o solución para mi problema?