title: Client-side image map not working in Safari and Chrome. Works fine in Firefox
body: <p>I have a client-side image map that works fine in Firefox but does not seem to work in Safari and Chrome (on Mac OS). I am at a loss for why this is happening as I am pretty sure I have the syntax right and client-side image maps are supported by almost all browsers. Could it be that I am using a PNG? Here is the code ...</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" /&gt;
      &lt;title&gt;My Image Map Page&lt;/title&gt;
      &lt;style type="text/css"&gt;
      body
      {
      background-image:url('images/stripe-background.jpg');
      background-position:center;
      background-attachment:fixed;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;center&gt;&lt;img src="images/homepage-image-transparent.png" usemap="#homepagemap" ismap /&gt;&lt;/center&gt;
      &lt;map id="homepagemap" name="homepagemap"&gt;
          &lt;area shape="rect" coords="633,531,917,736" href="page1.html" alt="Page 1" /&gt;
          &lt;area shape="rect" coords="321,531,606,736" href="page2.html" alt="Page 2" /&gt;
          &lt;area shape="rect" coords="10,531,296,736" href="page3.html" alt="Page 3" /&gt;
          &lt;area shape="rect" coords="732,478,849,505" href="page4.html" alt="Page 4" /&gt;
      &lt;/map&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I figure I must be missing something. Thank you for any assistance.</p>