Simple CSS Question

[calpha]

a:hover{
text-decoration: underline;
cursor: pointer;
background-color: black;
color: white;
}

a:link{
text-decoration:none;
color:black;
background-color:F0E86D;
}
a:visited{
text-decoration:none;
color:black;
background-color:F0E86D;
}

WTF am i doing wrong.....after you click a link....it gets the visited color, but no longer gets the hover attribute applied with the mouseovers?

 

[jonMEGA]

Here is a sample CSS that I use.


A:link {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover {BACKGROUND: none; COLOR: #dd6900; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

 

[notfred]

put the hover block after the visited block.

 

[calpha]

Thx.

I knew it was something simple.