title: HTML/CSS: <a> tag CSS rules w/ pseudoclasses rendering inconsistently
body: <p>I've come across an issue lately with my web design projects that has been insignificant enough to slip through my fingers unfixed a few times, but it's just gotten too annoying.</p>
  
  <p>Say I have a style sheet with these rules:</p>
  
  <pre><code>a {
      outline: 0;
      text-decoration: underline;
  }
  
  a:link {
      color: #0099FF;
  }
  
  a:visited {
      color: #0099FF;
  }
  
  a:hover {
      color: #FFFF00;
  }
  
  a:active {
      color: #33FF66;
  }
  </code></pre>
  
  <p>Links in my document will <em>only sometimes</em> have the correct colors, but sometimes they will just be the default blue->purple links.  I'm on a black background, so these look awful.</p>
  
  <p>If I refresh the page, about half the time they will render correctly.  This is happening in both Firefox and Chrome.</p>
  
  <p>What's going on?</p>