title: Disable grey border on anchor (<a>) elements on focus
body: <p>I am trying to make the ugly grey border that appears around anchor tags go away. The CSS property <code>outline:none;</code> works for Firefox, but how can I do it in IE? Preferably using CSS expressions or jQuery. I'm not worried about accessibility BTW.</p>
  
  <hr>
  
  <p>Based on your suggestions I found these to be the best solutions:</p>
  
  <ul>
  <li><p>The jQuery (for IE browsers):</p>
  
  <pre><code>$('a').focus(function() {
      $(this).blur();
  });
  </code></pre></li>
  <li><p>Another jQuery option (for IE browsers only):</p>
  
  <pre><code>$('a').focus(function() {
      $(this).attr("hideFocus", "hidefocus");
  });
  </code></pre></li>
  <li><p>The CSS (for all other browsers that force an outline):</p>
  
  <pre class="lang-css prettyprint-override"><code>a {
      outline: none;
  }
  </code></pre></li>
  </ul>
  
  <p>Note: Some browsers such as Google Chrome don't force an outline on focus.</p>