problema con seletore ed elementi inline

[VinzClortho]

ho realizzato dei pulsanti con dei rollover su boxmodel nidificando codice blocco in codice in linea:

<p class="classe" >testo</p>

.classe{
         padding: 5px 10px 5px;
         background-color: #E8E8EF;
         margin: 5px 0px 0px;
} 
a:hover  > .classe{
 	background-color: #5E558B;
 	color: #E8E8EF;
 	text-decoration: none;
}

Il rollover cambia il colore del boxmodel contenuto nel tag a . Funziona su tutti i browser provati, tuttavia è una sintassi scorretta e vorrei trovare il modo di correggerla.

- Invertendo la posizione del tag a e del tag p avrei l'inconveniente che cambierebbe il colore intorno al testo ma non l'interezza del boxmodel.
- Sostituendo span a p , non potrei definire proprietà come width.
- Potrei cambiare il selettore di a:hover per far si che influenzerebbe l'elemento padre, ma non mi sembra che nel css sia consentita una cosa del genere.

Vi prego aiutatemi!

[VinzClortho]

ok, ho trovato la soluzione:

ho sostituito p con span, dopo averlo ridefinito come elemento blocco tramite i css:

span 
{ display:block }

era una cosa abbastanza ovvia in fondo, non so perchè non c'ho pensato subito -____-

[Prill]

Perché semplicemente non assegnare un display: block al link? a cosa ti serve l'elemento al suo interno?