Uso della pseudo classe :hover

[giova95]

Ciao a tutti, ho cercato nelle guide e su google ma non ho trovato nulla riguardo al mio problema. In realtà vorrei solamente sapere cosa è più giusto secondo gli standard CSS.

Codice HTML:

<div class="stats">
<a href="link">
<span class="gruppo1">testo</span>
</a>
</div>

Nel momento in cui io passo il mouse su "testo" dovrebbe apparire una sottolineatura.
Ho provato in diversi modi, il codice che funziona sia su Chrome, Firefox e Explorer è questo:

.stats a:hover .gruppo1 {text-decoration:none; padding-bottom: 1px; border-bottom: 1px dotted #D0D0D0}

Però anche i 2 codici seguenti funzionano (tranne che su explorer)

.stats a .gruppo1:hover {text-decoration:none; padding-bottom: 1px; border-bottom: 1px dotted #D0D0D0}

.stats .gruppo1:hover {text-decoration:none; padding-bottom: 1px; border-bottom: 1px dotted #D0D0D0}

Il mio dubbio mi viene anche dal fatto che il validatore CSS da come giusti tutti e 3 i codici... quindi è solo un problema di explorer se gli ultimi 2 codici non funzionano?

Grazie in anticipo e scusate se la domanda è banale...

[Mich_]

quindi è solo un problema di explorer se gli ultimi 2 codici non funzionano?

Esatto.

Pero` dal punto di vista semantico lo <span> non serve.

Il codice

<div class="stats">
  <a href="link">
    <span class="gruppo1">testo</span>
  </a>
</div>

e` equivalente a :

<div class="stats">
  <a href="link">
    testo
  </a>
</div>

Pero` potrebbero esserci altri motivi per inserire lo span

[giova95]

Grazie (Explorer, il solito browser da buttare ^^')
Lo span mi serve per assegnare degli stili al testo