Deff,
на таком примере и не заметишь, потому как браузер просто не успевает внести изменения в ДОМ, как снова нужно вернуть обратное, это заметно на таком примере:
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Cообщения</title>
</head>
<body align=center>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
#LinkInserTium {
text-align:center;
margin:0 auto;
height:100px;
width:100px;
border:1px red solid;
}
#LinkInserTium:hover {
background-color:#0000CC;
}
#LinkInserTium a {
padding:0 4px;
background-color:#F7F7F7;
border:1px red solid;
}
#hover {
display:none;
}
</style>
<div id=LinkInserTium><br />
<a href="/sdfsdf/">ПриветБ</a>
</div>
<span id=hover>Мышь в DIV</span><span id=out>Мышь ушла с Блока</span>
<script type="text/javascript">
$("#LinkInserTium").mouseover(function(){
document.body.appendChild(document.createTextNode('over|'));
}).mouseout(function(){
document.body.appendChild(document.createTextNode('out|'));
});
</script>
</body>
</html>
вот тут при наведении на ссылку сработает out а потом снова over, вот именно в этом промежутке твое решение и не заметно, так как при out просто не успевает отрисоваться, как снова нужно опять отрисовывать over