Скрытие-появление png рисунка
 

Здравствуйте!
Подскажите как сделать появление -скрытие рисунка.
Рисунок-соты. png.
При наведении курсора на соту, сота должна исчезать. Под сотой другой рисунок.
Сота исчезает-пользователь видит текст под сотой.
При убирании курсора - сота должна появлятся.
И так для всех сот. навели на соту-исчезла, убрали курсор с соты - появилась.

Проблема в том, что рисунки сот (они-же квадратные) пересекаются.
И при наведении на одну (наводим мышь на область а), захватывается другая.
А хочется, что-бы исчезала только одна.

Любые скрипты - события hide-show, глючат в области пересечения (а).
События hide-show начинают выполнятся одновременно.

Разобрался.
А как сейчас сделать так, чтобы при наведении на ссылку, рисунок исчезал?
Ссылки, заданные через map находятся на рисунке.

Навели курсор на hexagon_1.png - а там 2 ссылки, заданные картой.
Попали на первую - исчез hexagon_1.png.
Перевели курсор на 2ю -исчез hexagon_2.png и появился hexagon_1.png.

<area shape="poly" coords="55,0,166,0,221,95,166,191,55,191,0,95" href="'.$link_6.'">

<div style="width:223;height:0px;position:relative;float:left;left:371px;top:-266px;z-index:2;" id=\'hexagon_1\'>
<img src="pic/hexagon_1.png"  width="223" height="192" border="0" usemap="#hexagon_1">
</div>