title: Remove outline of <html> when tab in Firefox
body: <p><a href="http://i45.tinypic.com/34pezdj.jpg" rel="nofollow">http://i45.tinypic.com/34pezdj.jpg</a></p>
  
  <p>The outline appears when tab through all element in the web.
  This happen only in Firefox (not appear in Chrome, Opera, Safari)</p>
  
  <p>I use Firebug console to detect what element is on focus by: document.activeElement then it shows </p>
  
  <pre><code>&gt;&gt;&gt; document.activeElement
  
  &lt;html&gt;
  </code></pre>
  
  <p>Then tried:</p>
  
  <pre><code>html {outline: 0}
  </code></pre>
  
  <p>But this outline still appear.</p>
  
  <p>How can we get rid of this one?</p>
  
  <p>p.s: I try tab through all page of other pages like Google, Facebook. There is no outline like this.</p>