Проблема с <map> в хроме
 

Форумчане, опять обращаюсь к вам за помощью. Стояла задача менять картинку при наведении на разные её части. Реализовал так:

<img  id="indicator_img" alt="Индикатор" src="img/indicator2.jpg" usemap="#Change"/>
<p><map id="Change" name="Navigation">
    <area shape="rect" coords="0,0,160,35" onmouseover="document.getElementById('indicator_img').src = 'img/indicator1.jpg';" href='contributions.php'/>
    <area shape="rect" coords="160,0,280,35" onmouseover="document.getElementById('indicator_img').src = 'img/indicator2.jpg';" href='loans.php'/>
    <area shape="rect" coords="280,0,500,35" onmouseover="document.getElementById('indicator_img').src = 'img/indicator3.jpg';" href='http://www.google.ru/'/>
    </map></p>

В фф и опере все работает - при наведении на каждую область меняется картинка. А в chrome, chromium просто не реагирует на наведение. Все перечисленные браузеры последних обновлений. В ie не было возможности проверить еще.
Подскажите, пожалуйста, куда копать? Может это как-то подругому реализовать лучше? Оставил на крайний случай порезать на 3 картинки, тогда заведется, я уверен, но очень не хочется.
PS. Естественно, когда заведется сделаю скрипты отдельным файликом, а не буду в код пихать. Это проба просто.