Вопрос в том, почему когда мышь выходит за границы id2(темнокоричневый), то срабатывает onmouseout на id1, ведь наооборот мышь находится на нем.
Как видите, разобрался с тем, что если мышь наводиться на темно-коричневый, то бледно коричневый следует включать заново, так как считается, что мышь хоть и на дочернем, но не на родителе.
Но вот с вопросом выше ни могу найти ни каких объяснений.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Тест</title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<style>
*{text-align:center;}
#id1{background:#f8d698; width:200px; height:200px}
#id2{background:#d08600; width:100px; height:100px;}
</style>
</head>
<body>
<div id="id1" onmouseout="document.getElementById('id1').style.display='none';">
id1
<div id="id2" onmouseover="document.getElementById('id1').style.display='block';">id2</div>
</div>
</body>
</html>