Come potete capite dal mio avatar sono maggiormente ferrato in altri linguaggi...

Utilizzo l'elemento h4 in quanto fissando il backgroud mi realizza lo sfondo colorato che si estende per tutto lo spazio disponibile orizontalmente (tutto il rigo).
Tale h4 è un link a cui vorrei modificare tale sfondo al passaggio del mouse.

Ci sono riuscito con un metodo non ortodosso che non rispetta le regole del w3c (non si può linkare un h4).

Il css è questo:
codice:
 
a {COLOR: #5A69A6; text-decoration: none;}
a:visited {COLOR: #5A69A6; text-decoration: none;}
a:hover {COLOR: #5A69A6; text-decoration: underline;}

h4{
	background: #5A69A6;
	padding:2px;
	color:#fff;
	line-height: 24px;
}
a h4:hover{
	background: #636363;
	text-decoration:none;
	color:#fff;
}

Il markup (incriminato dal w3c) è questo:
codice:
<h4>LINK</h4>
Come potrei fare per ottenere lo stesso risultato con
codice:
<h4>LINK</h4>