title: Active Pseudo CSS class not working for textbox in Firefox
body: <p>I am trying to use Active Pseudo CSS class on text box in Firefox but seems like it is not working. Could any one suggest me a solution. below is the css code i am using :</p>
  
  <p>hover is working fine. but on clicking on text box , active class should have been applied but it isnt.</p>
  
  <pre><code>.txtLogin 
  {
  width: 100px;
  float: right;
  padding: 1px !important;
  border: 1px solid #ccc;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  font-family: Arial;
  }
  
  .txtLogin:hover
  {
      background: #ededed;
      border: 1px solid #bfbfbf;
      border-top: 1px solid #b5b5b5;
  }
  .txtLogin:active
  {
      background: #d9d9d9;
      border: 1px solid #bfbfbf !important;
  }
  </code></pre>