Highlight Image in CSS

[hiyatran]

I have this:

Code: Select all

img.decor{
   text-decoration:none;
   border:#CCCCCC thin solid;
   padding: 4px;
}

My HTML:

Code: Select all

<a href="google.com"><img class="decor" src="images/birds.jpg" /></a>

when I hover over the image "decor" in my CSS, I would like the whole image to turn grey. I tried this:

Code: Select all

img.decor a:hover{background-color:#CCCCCC;}

but it doesn't work. Any ideas??
I just start learning CSS. thanks

[rajmv]

try this;

a:hover img.decor {background-color:#CCCCCC;}

but it might not work, in that case you'll need a bit of javascript..