Bordure d'une image qui se colore

Bonjour,


Je viens ici pour demander de l'aide. En effet, je voudrai que quand un visiteur pointe sa souris sur une image les bordures que j'ai mis auparavant se colore. Comment peut on faire ?

J'ai mis ça dans mon code CSS :

#content img
{
padding: 5px;
border: 1px solid #CCC
margin: 2px;
}

#content a:hover
{
border-color: #FF00FF;
margin: 2px;
}

#content a:link, #content a:visited {
color: #FF00FF;
}

#content p {
text-align: justify;
}

#content
{
font-family: "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.5em;
color: #222;
}



Merci de votre aide