Background images in <a> tag inside <li> tag not dissapears in IE6 and IE7

Question

Hi Guys,

In IE7 and in IE6, I have an anchor inside of an li which has a background image in it. When you mouse over these links, the backagound images go missing in these browsers. Any ideas as to why this would happen?

Here's an example (IE7 and IE6):

http://bit.ly/dekwva

Many thanks, James

Answer 1

Have you styled the a:hover with the same background image? Just put the image in all psuedo classes: a:link, a:visited, a:active and a:hover