Are you absolutely certain there are links on that page that you haven’t visited yet? To make sure, try adding a link to a fake location. If this doesn’t solve your problem, feel free to post a link to the page in question. If you’d rather not, I can send you an email and you can send me a link in a reply.

What I mean is that I only use the style sheet to define the style, the htm file has no styles “inline or embedded”.

In my css style sheet I’ve:

a:link {
color: #FF0033;
text-decoration: underline;
font-weight: normal;
}
a:visited {
color: #0000FF;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #0099FF;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}
a:active {
color: #FF0033;
font-weight: bold;
}

Being new to this and teaching myself through help as you give, when I play around with the a:link properties/values as in color or weight, save and refresh – there’s no change at all to my links. Why is this?

The links do change when the other properties and values are changed and as setup above, they work as they should. But the a:link seems totally useless.

So why does nothing change & should the a:link have no properties or values when the others do?

BTW, my htm file has no link code.

Thank you

You’re absolutely right about the background-position and color, but border-color isn’t needed. Somehow I managed to explain that correctly, but must have had the old CSS in my clipboard when I tried to paste the new version in.

Thanks for helping me fix that.

background-position: center bottom; ((( missing from the proposed solution )))
border-color: #f00;
color: #fff; ((( instead of background: #fff; which overwrites the image )))

The line starting with “border-color doesn’t do anything …” is apparently broken in IE, and the proposed solution:

ul li a:hover {
border-color: #f00;
background: #fff;
}

does not reposition the image.