Cambiare colore alla linea di sottolineatura

[bibuz]

Salve ragazzi ho un problema.

Ho creato questi css per la gestione dei link e fin qui tutto bene.

Come potete notare sullo stato Hover ho la sottolineatua che di default però prende il colore del testo.

a:link {
	color: #303030;
	text-decoration: none;
}
a:active {
	color: #303030;
	text-decoration: none;
}
a:hover {
	color: #d75d13;
             text-decoration: underline;
}
a:visited {
	color: #303030;
	text-decoration: none;
}

Io ho la necessità di far si che la riga sottolineata sia invece di un colore diverso dal testo.

Si può fare tutto questo?

Grazie in anticipo.

[Myaku]

guarda qui

non era neanche un 3d tanto in giù ...

[bibuz]

Ho provato quel metodo ma nn mi da la sottolineatura:

a:link {
color: #d75d13;
text-decoration: none;
border-bottom: #000000 solid 1px;
}

[pierofix]

Originariamente inviato da bibuz
border-bottom: #000000 solid 1px;

La sintassi standard prevede che l'ordine dei valori sia obbligatoriamente: larghezza, tipo linea, colore. Quindi:

border-bottom:1px solid #000;

[deswign]

per evitare che il bordo vada a coprire la parte inferiore di alcuni caratteri, aggiungerei la proprietà: padding-bottom:2px;