Итак, у меня есть горизонтальное выпадающее меню. При наведении мышки на изображение, появляется блок и медленно разворачивается. Когда я перевожу мышку с изображения на блок, функция, которая выполняет разворачивание этого блока (увеличивает его высоту с интервалом в 20мс по 1px) снова запускается. И так при переводе на каждый элемент блока. Можно ли как-нибудь сделать, чтобы он работал едино? То есть, чтобы при наведении на блок, на изображение, которое вызывает появление блока, и на элементы блока выполнялась одна и та же функция? Объединить в один div нельзя по причине структуры сайта. Вот код, в котором, я думаю, и находится ошибка:
<a href="main.htm" class="ex1" onMouseOver="over('list');" onMouseOut="out('list');">
<img src="img/buttons/main.png">
<div id="list" onMouseOver="over('list');" onMouseOut="out('list');">
<a href="#"><img src="img/buttons/menu1.png"></a>
<br><a href="#"><img src="img/buttons/menu2.png"></a>
</div>
</a>
Заранее благодарю за ответ.