Hover border image effect

[sharkey]

Hey, im looking to know the best way to code the image hover border effect.

Ive looked at their code and im extremely slow today but are they applying the hover to link would this code suffice.

.thumbimage a {
border:2px solid #000;
}

.thumbimage a:hover {
border:2px solid #fff;
}


http://www.youandigraphics.com/

i applied that class to my anchor but it didnt work.

anyhelp is appreciated.

cheers

[justinbarneskin]

There's an obscure condition with link style.
You have to declare them, and declare all of them in a certain order
A:link {
}
A:visited {
}
A:active {
}
A:hover {
}

[opifex]

The link pseudo-classes should always be specified in this order:

:link
:visited
:hover
:active

Any other order won't work consistently in all browsers.

If you use :focus, this is the order:

:link
:visited
:focus
:hover
:active


W3C Selectors (http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes)