CSS Hover link hell! Never figured this out

HTML & CSS
1

Hey guys,

I have finally cracked and stopped trying to figure it out myself. I have been hampered by this constant problem with my a:hover in the my websites for a long time.

It seems that my a:hover styling applies to all links on the page. I’m sure the answer is simple and I am just writing my code in the wrong format.

Here is a link to the page I am working on.

I’m not sure if you guys need me to post the CSS.

Thanks in advance

2

Sorry it is when you click the links and they become active that is the problem.

For example if you click the email or the web address at the bottom left you can see it gets a drop shadow applied to it like the links in the navigation, where as it is not suppose to be like that.

3

ROFL link would help.

http://www.itsnotdeadyet.com/store

4

So i have to do that to every div with a link in it?

How come the styles from the #mainnav div don’t just apply to that div and seem to roll over into all my other links?

5 
#mainnav ul li a:hover, a:active {
	color: #cc6600;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}

There’s your problem.

Add #mainnav ul li before a:active.

6

Awesome.

Thanks you so much!

7 
#leftcontent a:active {
font-weight: normal;
text-shadow: 0 0;
}