title: css focus not working in safari and chrome
body: <p>I got one strange problem which I never got before. Please see this code:</p>
  
  <p>The css:</p>
  
  <pre><code>#btn{
      margin-left:150px;
      padding:10px;
      display:block;
  }
  #btn a{
      padding:5px 20px;
      background:green;
      color:#FFF;
      text-decoration:none;
      outline:none;
  }
  #btn a:hover{
      background:#933;    
  }
  #btn a:focus, #btn a:active{
      background:#CF0;
  color:#000; 
  </code></pre>
  
  <p>}</p>
  
  <p>Here the HTML</p>
  
  <pre><code>&lt;div id="btn"&gt;
     &lt;a href="#"&gt;Click here&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <strong>focus</strong> and <strong>active</strong> css working well in firefox, but not in the chrome and safari.</p>