how to prevent a background hover for img tags?

I have a .png file and in IE6, when I mouse over it, I get a background color hover effect. I don't want this at all, but how do I achieve no background color hovering?

I tried,

a img { background color: none}

Code (markup):

but that doesn't seem to work.

i also tried

img a {background color: none}

Code (markup):

but that doesn't work either. i'm sure it must be very simple when someone points it out to me

 

Use background-color:none . Add a hyphen in the middle

 

You can save yourself a lot of grief if you'll use the w3 validation services in the same way the dead in Chicago vote: early and often.

When I forced your error, I got this result:

URI : file://localhost/webdeveloper_koko_1173594462239.css
33 	li 	Value Error : background Parse Error - color: none

Code (markup):

cheers,

gary

 

actually guys, I do have the hyphen. Sorry, I forgot to include that here, but it is in my code but still doesn't work right.

i did insert the white as the background color and i still i get a background color in IE6 and IE7.

 

In that case, you haven't provided enough information for us to debug. Give us a link to the page, or create a minimal test case and post the code.

I should add that IE6 does not have support for png images. It renders them but not well, and if there is an alpha channel, well, all bets are off. Try a jpg or gif in its place, as a test.

cheers,

gary