title: How do I stop a link changing color on hover?
body: <p>I have an email link on my page that goes blue when hovered over.</p>
  
  <p>I can't seem to fix this, i don't want it to change at all. In it's CSS i have it as:</p>
  
  <pre><code>.emaillink2
  {   text-decoration: none;
  color: white;}
  
  a.hover:hover
  {   text-decoration: none;
  color: white;}
  
  #headerinfo
  {
  float: right;
  font-size: 32px;
  color: white;
  z-index: 1;
  text-align: right;
  margin-top: 20px;
  text-decoration: none;
  }
  </code></pre>
  
  <p>The div's HTML:</p>
  
  <pre><code>&lt;div id="headerinfo"&gt;
  Telephone: 07777777777
  &lt;br/&gt;
  Fax: 07777777777
  &lt;br/&gt;
  Email: &lt;a href="mailto:info@website.org" class="emaillink2"&gt;Info@website.org&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However it still changes color when hovered over.</p>