title: Area Outline in IE11
body: <p>In all other browsers, including IE10, this CSS removes the outline when clicking on a mapped area on an image anchor:</p>
  
  <pre><code>area {
       outline: none;
  }
  </code></pre>
  
  <p>But lo and behold, not in IE11, at least not the latest version I can get for Win7. A quick demo page: <em>(demo removed)</em>. Click on a thumbnail; on the full-sized images, the right 60% is a link to the next image, the left 40% to the previous image.</p>
  
  <p>I've tried all manner of CSS variations, including:</p>
  
  <pre><code>outline: none !important;
  </code></pre>
  
  <p>Applying it to every CSS class and ID I can think of seems to make no difference, including <code>*</code>, <code>img</code>, <code>map</code>, <code>area</code>, <code>.gr-slideimage</code>, <code>#gr-thisMap</code>, and so on. The only thing I've found so far that works is the old:</p>
  
  <pre><code>hidefocus='true'
  </code></pre>
  
  <p>on the img tag itself, but that doesn't validate, of course.</p>
  
  <p>Can anyone crack this with CSS?</p>