a:hover background-color

messing with transparent mouseover images

[Briank58]

Hiya:

The website I'm designing has 1 external stylesheet (for the moment). The a:hover rule is set in the sheet
A:hover {
color:#FFFFFF;
background-color: #0000FF;
text-decoration:none;}.

The problem I'm having is that I'm using transparent images for mouseovers and the background color is now being applied to the transparent image on mouseover.

I'm guessing that one solution would be to define an inline style for those links (a.mouseover:hover ..), but I was wondering if there is a way to simply exclude certain tags from being affected by a style?

Thanks in advance

Brian

[DrDoc]

There are two ways you can accomplish this:

1) Give all anchors you wish to style a class name, and apply the styles to the class
2) Give the "excluded" anchors a class name, and apply overriding styles to the class

[Rambo Tribble]

You might want to look at this code example I posted for an article I did for Lockergnome:

[oregoncanoesport.com...]