title: image map does not work in google chrome
body: <p>Can any one tell me where the error is in this html coding?</p>
  
  <p><a href="https://newmedia.leeds.ac.uk/ug10/cs10jy/portfolio/studenthands/imagemap.html" rel="nofollow">https://newmedia.leeds.ac.uk/ug10/cs10jy/portfolio/studenthands/imagemap.html</a></p>
  
  <p>I have wrote this code but I cant seem to see where i'm going wrong after looking online and following tutorials...</p>
  
  <pre><code>&lt;img src ="images/socialnetwork.png"
  width="220" border="0"
  usemap ="#socialmap" /&gt;
  
  &lt;map id ="socialmap"
  name="socialmap"&gt;
  &lt;area shape ="poly" coords ="77,83,163,127"
   href ="https://www.facebook.com/StudentHands" target="_blank" /&gt;
  &lt;area shape ="poly" coords ="1,105,75,153"
  href ="https://twitter.com/StudentHands" target="_blank" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>Any help would be very much appreciated!</p>