title: .class:hover not working in firefox?
body: <p>So i have some html:</p>
  
  <pre><code>&lt;a class='clicktext'&gt;...read more!&lt;/a&gt;
  </code></pre>
  
  <p>and i want to give it a :hover animation, as so:</p>
  
  <pre><code>.clicktext{
  }
  .clicktext:hover{
      text-decoration:underline;
  }
  .clicktext:active{
      text-decoration:none;
  }
  </code></pre>
  
  <p>Suffice to say, it does not work in Mozilla Firefox 5, even though it works perfectly well in Chrome and Safari. However, if i change it to</p>
  
  <pre><code>a{
  }
  a:hover{
      text-decoration:underline;
  }
  a:active{
      text-decoration:none;
  }
  </code></pre>
  
  <p>It works perfectly fine in Mozilla Firefox 5! I have not managed to find anything regarding this online. </p>
  
  <p>I could, of course, just change my styles to apply to the a rather than the .clicktext. The problem with that is that it would screw up my conventions, which is (as far as possible) apply all the styles to classes rather than to the tag names. After all, I have many other  tags for which i do not want this underline-on-hover thing to appear.</p>
  
  <p>Has anyone bumped into this, and perhaps found a nice solution? </p>
  
  <p>edit: these also do not work</p>
  
  <pre><code>.clicktext a:hover{...}
  a .clicktext:hover{...}
  </code></pre>