Почему эта карта с поли-областью не работает в FF и IE?

Question

Я пытаюсь отобразить изображение, используя shape = "poly". Он работает в Chrome, но не работает в IE или FF, и я не совсем уверен, почему. Я попытался дублировать первые координаты в конце, а не дублировать их. Вот код:

<map name="passport1_map" id="passport1_map">
<area shape="poly" coords="781,512,781,558,734,558,781,512"  href="javascript:toggle_popup('passport2_div')"/>
</map>
<img src="../../css/challenges/sevenWonders/passportEmptyPage1.png" Usemap="passport1_map"  width="800" height="567" />

Answer 1

Поскольку вы ссылаетесь на карту в том же документе, вам нужен якорь: usemap="#passport1_map"

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