impostare un underline di colore diverso

[onigiri]

Ho un titolo h1 di colore blu linkato, vorrei impostare per il suo stile un underline di colore rosso e spessore 1px sul a:hover.
Ho provato in tutti i modi ma non ci risco qualche idea?
Grazie

[Mich_]

CSS:

h1 a {
  border-bottom: 1px solid white;
  text-decoration: none;
  color: ...;                                        /* se necessario */
}
h1 a:hover {
  border-bottom: 1px solid red;
  text-decoration: none;
  color: ...;                                        /* se necessario */
}

Ho definito il bordo anche per la situazione a riposo, altrimenti si creano effetti di spostamento al passaggio del mouse. Naturalmente il colore deve essere uguale allo sfondo (oppure transparent)