Line to appear onmouseover

Hello

For my sidebar links I use the following:

a:hover {
text-decoration: none;
color: #0000CD;

This makes the black type appear blue when the mouse pointer goes over the link. Apparently, it is not clear that it is a link, so I would now like to use a line under the link (in the same blue colour) when the mouse passes over it.

How would I do that, please?

Thanks.

Steve

a:hover {
text-decoration: none;
color: #0000CD;
border-bottom:1px solid #0000CD;
}

a:hover {
text-decoration: none;
color: #0000CD;
border-bottom:1px solid #0000CD;
}

Why not just text-decoration: underline;? :confused:

Why not just text-decoration: underline;? :confused:
For my sidebar links I use the following:

a:hover {
text-decoration: none;
color: #0000CD;


lol, I assumed the OP has some purpose with it and can't be changed.

That's great, it works!

Very many thanks.

Steve