does anyone know how you change the underline color when you hover over a link, without changing the text color?

thanks in advance

a:hover { text-decoration: none; border-bottom: 1px solid #FF0000; color: #00FF00; }

that did work :)

but:
when I tried it, the underline (or border) was a little lower. but it doesn't matter, it works, and i'm sure i can make it work better to suit my needs. :)

thanks :)