CSS styles

Hej.

Jeg er ved at bygge en hjemmeside og er løbet i en lille udfordring. Tror ikke det er så svært at rette, når man lige ved hvad problemet er..

I min css_style.css fil har jeg dette:

<style type="text/css">
a.style1:link {color: #FFFFFF;}
a.style1:visited {color: #FFFFFF;text-decoration: underline;}
a.style1:active {color: #FFFFFF;text-decoration: underline;}
a.style1:hover {color: #FFFFFF;text-decoration: none;}
a.style2:link {color: #FFFFFF;text-decoration: none;}
a.style2:visited {color: #FFFFFF;text-decoration: none;}
a.style2:active {color: #FFFFFF;text-decoration: none;}
a.style2:hover {color: #FFFFFF;text-decoration: none;}
</style>

Og i mine tilhørende html filer, bruger jeg eks. style 1 og 2 således:

<div id="left_nav">
  <p><a href="../html/index.html" target="_self" class="style1"><span class="style2">Til forsiden</span></a></p>
  <p>&nbsp;</p>
  <p><a href="../html/analyser.html" target="_self" class="style1">Vandanalyser</a></p>
  <p><a href="../html/dokumenter.html" target="_self" class="style1">Dokumenter</a></p>
  <p><a href="../html/digital opmaling.html" target="_blank" class="style1">Digital opmåling</a></p>
  <p><a href="../html/generalforsamling.html" target="_self" class="style1">Generalforsamling</a></p>
  <p><a href="../html/tilmelding.html" target="_self" class="style1">Tilmelding</a></p>
  <p>&nbsp;</p>
  <p><a href="../html/historie.html" class="style1">Lidt historie </a></p>
  <p>&nbsp;</p>
  <p><a href="mailto:bestyrelsen@andkaervandvaerk.dk" class="style1">Kontakt bestyrelsen</a></p>
  <p><a href="mailto:formanden@andkaervandvaerk.dk" class="style1">Kontakt formanden</a></p>
  <p><a href="mailto:kassereren@andkaervandvaerk.dk" class="style1">Kontakt kassereren </a></p>
  <p>&nbsp;</p>
  <p><a href="../html/medlemmer.html" target="_self" class="style1">Bestyrelsesmedlemmer </a></p>
  <p>&nbsp;</p>
  <p>Nogle punkter kræver</p>
  <p>Adobe Reader. Den kan </p>
  <p>gratis downloades her:</p>
  <p>&nbsp;</p>
  <div id="reader_div"><a href="http://get.adobe.com/dk/reader/otherversions/"><img src="../Images/reader_icon_special.jpg" title="Hent Adobe Reader" width="47" height="47"></a></div>

Mit "kald" af style 2 fungerer fint, men style 1 vises som blå underskreget tekst og bliver hvid (uden streg), når jeg "hoover" over.

Hva er det jeg overser?

På forhånd tak :-)
Kent.