title: Accessibility-friendly way to hide anchor outlines in IE and Firefox
body: <p>First of all, <em>I'm aware</em> that <a href="http://outlinenone.com/" rel="nofollow">removing outlines hampers keyboard navigation</a>.</p>
  
  <p>The way Google Chrome (for example) solves this is by only showing outlines <em>when the user uses the keyboard</em>. Internet Explorer and Firefox, however, seem to show them even when I click with the mouse - and I don't like this.</p>
  
  <p>So what I'd want is a way to make IE (down to version 7 if possible) and/or Firefox not show these outlines when I click (on an anchor, image inside an anchor, etc), but still show them when I use the keyboard, like the way Google Chrome behaves.</p>
  
  <p>It is very ideal if this solution works with only CSS (even if using non-standard fixes).</p>