Sad meni nije jasno ... testiram sledeći kod
Kôd:
<html>
<head>
<title>t</title>
<style>
#Layer1 {
margin : 0 2em;
padding : 0 2em;
background-color : green;
}
#Layer1 * {
display : block;
margin : 0 2em;
padding : 0 2em;
background-color : white;
}
</style>
</head>
<body>
<a href="#" onmouseover="document.getElementById ('Layer1').style.display = '';">TEST</a>
<div id="Layer1" style="display: none;" onmouseout="document.getElementById ('Layer1').style.display = 'none';" onmouseover="document.getElementById ('Layer1').style.display = '';">
<img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" />
bla
<a href="javascript: alert ('bu');">bu</a>
bla <!-- --> bla
<img src="http://www.devprotalk.com/images/devprotalk_logo_green.gif" />
bla
</div>
</body>
</html>
... i ne vidim suštinsku razliku u odnosu na gorenavedeni kod, ali je očigledno da se ponaša bagovito u IE - lejer se gasi kod donje slike (???)