Link / Hover links not working as should

[adam_fake]

Am i completely missing something here? I want the link to be Red and when you rollover/hover it goes Black. Then once clicked i want the link to remain Red but instead it goes black.

a img {
        border: none;
        text-decoration;
}

a {
        outline: none;
}

a:link {
        text-decoration: none;
        outline: none;
        color: #990000;
}

a:hover {
        text-decoration: none;
        color: #000000;
}

a:visited {
        text-decoration: none;
}

I can attached the entire CSS file if there might be something in there that's causes a conflict.

Appreciate any help - its got me stumped

[Fang]

Requires JavaScript.
Give an example of the html used.

[skilled1]

this is what you need

a img {
        border: none;
        text-decoration;
}

a {
        outline: none;
}

a:link {
        text-decoration: none;
        outline: none;
        color: #990000;
}

a:hover {
        text-decoration: none;
        color: #000000;
}

a:visited {
        text-decoration: none; color: #990000;
}

[adam_fake]

That's the thing - i've tried that and it still doesn't revert the hover color to Black. I keeps the visited link Red.

[skilled1]

works for me on safari and firefox on a mac

[adam_fake]

No no, i know you're right as i've used this man times. I'm using Joomla for the back-end so it maybe something in there that's conflicting.