conflitto tra classi css

[massimo]

ho creato due classi di stile,in una cè la sottolineatura e nell'altra no, ma non capisco perchè non me la da (la sottolineatura) in nessuo dei due;
questo è il codice se qualcuno mi desse una mano a capire dove sbaglio... :-
style>
<!--
.clas1 { color: #0000FF; font-weight: normal; text-decoration: none}
.clas2 { color: #FFFFFF; text-decoration: none; font-weight: bold ; font-family: Arial, Helvetica, sans-serif}
.clas2:hover { color: #008000; font-weight: bold }
.clas1:hover { text-decoration: underline; color: #0000FF ; font-style: normal}
-->
</style>

Sabato 11 settembre





<span class="clas1">webmaster</span></p>
</div>

[sms]

a.clas2:hover { color: #008000; font-weight: bold }
a.clas1:hover { text-decoration: underline; color: #0000FF ; font-style: normal}

[flanza]

prova atogliere lo span altrimenti non funziona l'hover in:



<span class="clas1">webmaster</span></p>

[pierofix]

hover funziona solo con il tag "a".

Saluti,
Piero.