Hover border image effect

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

 

CSS :

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

Code (markup):

HTML :

<a href="#"><img src="http://www.youandigraphics.com/portofolio/wp/index.jpg" class="thumbimage" /></a>

HTML:

 

ahh so it must be applied to teh image not the anchor link.

cheers i will give this a shot thanks for taking the time.