css focus не работает в Safari и Chrome

У меня возникла одна странная проблема, которой я никогда раньше не сталкивался. Пожалуйста, посмотрите этот код:

CSS:

#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; 

}

Здесь HTML

<div id="btn">
   <a href="#">Click here</a>
</div>

focus и active css хорошо работают в firefox, но не в хром и сафари.