hover con css

Buenas. Necesito hacer un hover con css pero ademas de resaltar el texto, tiene que aparecer un subrayado por debajo, pero no usando que te aparezca debajo con un text-decoration sino que aparezca a una distancia de 5 o 10 px. Si alguien me puede ayudar se los agradezco.

Saludos.

Código CSS :

a:hover{
  border-bottom:1px solid red;
  color:red;
  padding-bottom:10px;
}

Gracias Nasho, y se le puede dar grosor al subrayado?

Saludos.

NASHO ya esta, no me salio 1ro por que tenia una capa tapando a esa. Un millon de gracias.

Abrazo.

Si te fijas no es realmente un subrayado... es un borde inferior, si pones:

Código CSS :

a:hover{
  border-bottom:2px dotted blue;
  color:red;
  padding-bottom:10px;
}

Al pasar el cursor cambiara de color a rojo, y aparecerá un "subrayado" punteado, azul

Si me di cuenta despues, ni se me habia ocurrido. Soy muy nuevo con esto y trato de aprender de los q saben mas . Gracias de nuevo me quedo bien por suerte.