quick style/css question.

[nbsp]

anyone know the exact method of giving an image border the hover/active/visited attributes? I suck at this shit.

first I tried adding this to my css for the images in question:

.fuckass a:link {border: 2px solid #000000}
.fuckass a:visited {border: 2px solid #222222}
.fuckass a:hover, .fuckass b:active {border: 2px solid #FF0000}

put a class="fuckass" in both the <a> and the <img>, no luck.

then I put this in both the <a> and the <img> 'style' attribute, again nothing happened:

:link {border: 2px solid #000000}
:visited {border: 2px solid #222222}
:hover {border: 2px solid #FF0000}
:active {border: 2px solid #FF0000}

I've been able to accomplish it by putting the following code in my css, but it also affected every other image on the site seeing how no class was specified. I can't be having that shit:

a:link {border: 2px solid #000000}
a:visited {border: 2px solid #222222}
a:hover {border: 2px solid #FF0000}
a:active {border: 2px solid #FF0000}

so if anyone knows how to do it off the top of their head, I'd appreciate it.

[Lycanthrope]

.fuckass img { border: 2px solid #000000 }
.fuckass:hover img { border: 2px solid #FF0000 }
.fuckass:hover { color: #FF0000 }

<a class="fuckass" ...

[mikeet]

Whats your site ...