title: Links in HTML image map not working in FireFox, Opera, Chrome and Safari
body: <p>Is anyone able to help here? I have an image map formed of a .png image which has several 'polygon' areas defined in it, each with a link behind it.</p>
  
  <p>The links work in IE, but for the other browser types listed above, the links do nothing except display the image and the title text over each polygon area.</p>
  
  <p>The code for the image map is as follows: </p>
  
  <pre><code>&lt;img title = "Concept" border = "0" src = "../images/myMap.png usemap = "#myMap"&gt;
  
                  &lt;map name = "myMap"&gt;
                      &lt;area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 10, 700, 10, 285"  title = "Rules" href = "#rules" /&gt;
                      &lt;area shape = "polygon" coords = "745, 450, 745, 680, 470, 745, 325, 635, 520, 450" title = "Polling"  href = "#polling" /&gt;                        
                      &lt;area shape = "polygon" coords = "745, 730, 745, 895, 450, 895, 450, 815, 565, 730" title = "Visualisations"  href = "#visualisations" /&gt;
                  &lt;/map&gt;
  </code></pre>
  
  <p>All the links point to areas of the page denoted by:</p>
  
  <pre><code>&lt;h2&gt;&lt;a name = "#rules"&gt;Rules&lt;/a&gt;&lt;/h2&gt;
  </code></pre>
  
  <p>It is very odd.</p>
  
  <p>The version of the HTML heading the page is:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p>And I've tried the image as .gif and .jpeg files to no effect.</p>
  
  <p>If I change the links in the image map to:</p>
  
  <pre><code>                    &lt;area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 30, 441, 315, 230"  title = "rules" href = "&lt;c:url value = '/aboutConcept#rules' /&gt;" /&gt;
  </code></pre>
  
  <p>I find things work. I am using JSTL tags.</p>
  
  <p>Thanks to the respondents.</p>