<style type="text/css">
#square {
width: 100px;
height: 100px;
background: #ccc;
}
#cen {
width: 100px;
height: 100px;;
}
</style>
<div id="square"><center id="cen">SQUARE</center></div>
<script>
var sq=document.getElementById('cen');
sq.setAttribute("onmouseout","alert('mouse out')");
</script>
Тут получается какая штука. Вот ты попал в зону квадрата, сработал ховер, после ты при наведении на текст выходишь якобы из граней квадрата и тут твой аут срабатывает. Твой "центер" становится другим елементом. Так что или убирай "центер" или давай ему размеры твоего блока и вешай на него обработчик.