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

codice:
<p class="classe" >testo</p>
codice:
.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!