using different link styles from css sheet

[sam_spetton]

I am trying to use the following in my external style sheet for my links:

a:link, a:visited{
color: #006699;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
a:hover {
color: #006699;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
a.big {
color: #006699;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
a.big:hover {
color: #006699;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
a.bigger {
color: #006699;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}
a.bigger:hover {
color: #006699;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

My problem is that I can't get big & bigger to work properly in Internet explorer. When I hover over the link it goes to its proper size but when not hovering it stays at 11px.

[createErrorMsg]

a.big {}
a.bigger {}

Try changing those two to...

a.big:link, a.big:visited{}
a.bigger:link, a.bigger:visited{}

And see how it does.

cEM

[sam_spetton]

WoW your a champion thanks so much I have been trying to work that out for days now. so simple don't know why I didn't think of it GOOD WORK! APPRECIATE IT! :-)