title: html a:active doesnt work?
body: <p><em><strong>CSS:</em></strong></p>
  
  <pre><code>// Highlight to show that the user is viewing current tab.    
  // css for the active tab
  
  .HeaderTabs li.tab a { 
     display: block;    //anchor tab 
     padding: 12px 8px 12px 8px;
  }
  
  .HeaderTabs li.tab a:link {
     outline: none;  //link works 
     text-decoration: none;
  }
  
  .HeaderTabs li.tab a:hover {  //this works hovering over the text
     color: #A4C639;
     font-weight: bold;
  }
  
  .HeaderTabs li.tab a:active { //this doesnt work 
     color: #A4C639;
     font-weight: bold;
  }
  </code></pre>