Main Page Hoover Color Doesn't Work

[Lainee]

I have:

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

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li {
color: #FFCCFF;
text-decoration: none;
}

a:active {
color: #FFCCFF;
}

The visited color is purple and working, the already visited color is pink and working but the mouse over hoover color stays purple and should show as pink. What am I doing wrong?

[arumdevil]

you need to define the states in the correct order for it to work correctly in Internet Explorer... I believe order should be:

1. a:link
2. a:visited
3. a:hover
4. a:active

[afo]

Can you post a url where we can take a peek?

[Lainee]

I do have them in that order I just left the top a:link part out when I copied and pasted.

[arumdevil]

ah, bugger. in that case can you provide more information - HTML code as well as the full CSS of the relevant part, plus what browser and version it is not working in.

[Lainee]

IE 7

http://chic-perfumefragrance.com

a:link, #navEZPagesTOC ul li a {
color: #3300FF;
text-decoration: none;
}
a:visited {
color: #990099;
text-decoration: none;
}
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li {
color: #FFCCFF;
text-decoration: none;
}
a:active {
color: #FFCCFF;
}

Thanks!

[afo]

The sideboxes aren't taking their directions from that part of the stylesheet. Further down, you have

.sideBoxContent a { 
             color: #000000;
             }

 a:hover, #navsideBoxContentTOC ul li {
	color: #990099;
	}

Change it to

.sideBoxContent a { 
             color: #000000;
             }

.sideBoxContent a:visited {
color: #990099;
text-decoration: none;
}

.sideBoxContent a:hover, #navsideBoxContentTOC ul li {
	color: #990099;
	}

[Lainee]

I am not trying to correct my side box content colors. I already have them set to black with purple hoover color and they are working fine. I am trying to change the mouse over hoover color on the main page text.
Where it says, "log yourself in" in purple is correct, the already visited pink color is correct, the mouse over hoover color remains purple but should be pink.

http://chic-perfumefragrance.com

[afo]

I've tried it in Firefox and IE. I get NO hover color in the sideboxes at all. The links remain black.

In both browsers, "log yourself in" goes from a purplish blue to purple on hover. It goes to pink when clicked. It goes back to the purplish blue when returning to the home page.

The section of the stylesheet I mentioned earlier is overriding your earlier setting:

a:hover, #navsideBoxContentTOC ul li {
	color: #990099;
	}

a:hover controls your links. If you expect it to control the links in the sideboxes ONLY, do what I suggested in my earlier reply.

[Lainee]

I already did that (see coding below) which is why on my home page side boxes I see black with a purple mouse over hoover except for the categories box which will not do a mouse over hoover color for some reason. Any idea why?

.sideBoxContent {
background-color: #F5F5F5;
padding: 0.4em;
}
.sideBoxContent a {
color: #000000;
}
a:hover, #navsideBoxContentTOC ul li {
color: #990099;
}

For my header I have white with a pink mouse over hover (see coding below) that works for Home and Perfume Reviews [more] :

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #ffffff;
}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
color: #FFCCFF;
text-decoration: none;
}

I can't seem to get my main page text links to be purple with a pink mouse over hoover color. Is the problem that the sidebox content link colors and main page text colors have to be the same?