Uwe: Rote Linie bei einem Link...

Beitrag lesen

Hallo,

ich möchte, dass ein link bei mouseover mit einer roten Linie unterstrichen wird und dunkelgrau hinterlegt wird. bis hierher bin ich gekommen:
<style>
a {text-decoration:none;}
a:hover {text-decoration:underline; background-color:#304046}
</style

Wie schaffe ich es, dass die Linie rot erscheint. Ich habe es schon mit underline-color versucht, klappt aber nicht.
Danke für eure Hilfe. (Bin noch Anfänger in Html)
Gruss
Uwe