title: map area: onfocus=blur() works in IE but now adds an outline to Firefox?
body: <p>I have an image map:</p>
  
  <pre><code>&lt;map&gt;
    &lt;area ..&gt;
    &lt;area ..&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>There was an outline showing up in IE so I modified the code to read:</p>
  
  <pre><code>&lt;area onfocus="blur();"
  </code></pre>
  
  <p>This removed the outline from IE, but now I have an outline when I click on the area in Firefox (version 9.0.1)...</p>
  
  <p>I also tried:</p>
  
  <pre><code>map &gt; area,
  map &gt; area:active,
  map &gt; area:focus {outline: none; border:0; }
  </code></pre>
  
  <ul>
  <li>using the information from <a href="https://stackoverflow.com/questions/4351827/how-do-i-get-rid-of-this-border-outline-for-my-image-map-areas-when-clicked-os">this posting</a>...</li>
  </ul>
  
  <p>Any advice would be greatly appreciated.</p>