2 replies [Last post]
frequentads
frequentads's picture
Offline
newbie
Dallas, TX
Last seen: 11 years 15 weeks ago
Dallas, TX
Timezone: GMT-6
Joined: 2010-01-24
Posts: 2
Points: 3

When I add a:hover {background...} to my stylesheet, there appears a "background" on my logo when you hover over it. It happens in IE 8 and Firefox. It happens in a site created with Dreamweaver and one "created" with Wordpress.

You can see this in action at http://frequentads.com

Here is the css link code...

a img {
	border:none;
	text-decoration:none;
}
a:link
{
	background:transparent;
	color:#000;
	text-decoration:underline;
}
a:visited
{
	background:transparent;
	color:#F00;
	text-decoration:none;
}
a:hover
{
	background-color:#CCC;
	color:#F00;
	text-decoration:underline;
}
a:active
{
	color:#999;
	text-decoration:none;
}

If I take out a:hover {background-color:#CCC;}, it goes away. But, I really want to have a backgournd color for the hovers. I know it's possible, so what am I doing wrong?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 10 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

#header-bar-logo a

#header-bar-logo a {background: transparent;}

frequentads
frequentads's picture
Offline
newbie
Dallas, TX
Last seen: 11 years 15 weeks ago
Dallas, TX
Timezone: GMT-6
Joined: 2010-01-24
Posts: 2
Points: 3

wolfcry911

wolfcry911 wrote:

#header-bar-logo a {background: transparent;}

Works like a charm. Thank you!