title: WIll CSS active work on a non-link element
body: <p>I want a items that have the tag class to be grayed (with a rounded border) when the mouse moves over and when the item(s) are clicked.</p>
  
  <p>A sample item might look like this <code>&lt;span class="tag"&gt;Some value&lt;/span&gt;</code></p>
  
  <p>I was hoping this would give the desired result, (tag:hover works as hoped, but tag:active doesn't):</p>
  
  <pre><code>.tag{
      }
  
  .tag:hover{
      background:#CCC;
      padding:4px;
      -webkit-border-radius: 4px; 
      -moz-border-radius: 4px;
      border-radius: 4px;     
  }
  
  .tag:active{
      background:#CCC;
      padding:4px;
      -webkit-border-radius: 4px; 
      -moz-border-radius: 4px;
      border-radius: 4px;         
      }
  </code></pre>