Работа с картами изображений

[Kazik]

Есть изображение. На нем нарисованы 2 кнопки. Нужно чтобы эти кнопки были ссылками. Для этого использую карту изображения (тег <map>).

<img usemap="karta1" src="images/fonnews2.png" >
<map name="karta1"> 
<area  href="prod1.html"  shape="rect" coords="51,536,251,582"> 
<area  href="prod2.html"  shape="rect" coords="434,536,639,582">
</map>

Этот код хорошо работает в Chrome и опера, но не работает в IE и Mozilla.
В справочнике написано, что данный тег стабильно работает со всеми браузерами. Вот статистика по брузерам.
InternetExplorer Chrome Opera Safari Firefox Android iOS
3.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Подскажите в чем может быть проблема. И есть ли какая-нибудь кроссплатформенная альтернатива данному тегу.

[m0rt]

Я конечно не до конца уверен, но попробуй задать размер изображения в теге <img>. Меня всегда учили, если есть изображение на сайте, нужно задать его размер, возможно это как раз тот случай где это актуально =)

Вообще, когда есть подобные сложности с работоспособностью кода, я всегда первым делом проверяю не забыл ли я указать какие либо атрибуты для тегов.

[Naive]

Вообще, когда есть подобные сложности с работоспособностью кода, я всегда первым делом проверяю не забыл ли я указать какие либо атрибуты для тегов.

Атрибуты width & height для изображений? По стандартам они поддерживаются только у холста.
Image-map противоречит модели MVC, непонятно, зачем ее вообще включили в стандарт HTML5... Большинство связанных с ней задач решают обычные дивы в купе с CSS; в то время как такие вещи, как полигоны или элипсы не ограничиваются наведением и кликом на заданную область (ну, напр.такие задачи как: всплывашка по клику, изменение масштаба, работа с текстом, работа со слоями), этому элементу уже неподвластны.

Мораль: изучайте современные технологии и будете решать тривиальные задачи простыми и удобными способами.