img hover problems in IE

[silent1643]

downloaded a tumblr theme that is giving me problems in IE - mainly with the mouse over images etc

see below and tell me if there is a way of doing this - the hover images load in firefox, and chrome but not IE

/* Top Nav - Pages & Archives */

#topNav {
 background:transparent url(http://myurl/images/menubackground.png) top left no-repeat;
 height:60px;

}
#topNav ul{
padding: 10px 0px 0px 20px;
}

#topNav li{
clear:both;
display: inline;
padding: 0 14px 0 0;
}

#topNav li a{
clear:both;
display: inline;
padding: 0px 0px 8px 0;
}

#topNav a:hover{
color: #d5d5d6;
text-decoration: none;
background: url(http://myurl/images/hover.png)no-repeat bottom center;
}

[abellefeuille]

Try changing this one line in your hover call to:
background: url(http://myurl/images/hover.png)no-repeat bottom center no-repeat;

Repeat is supposed to be at the end.

[silent1643]

yes i did try this but didn't work

i think this code is old or something because it flickers in ie which i haven't seen in a while - if anybody can enlighten me please do

[abellefeuille]

You've got the regular link positioned in the top left, but the hover image in the bottom center. Have you tried making them the same?

[drhowarddrfine]

See if putting a space between the url and no-repeat does anything.

[abellefeuille]

And I just noticed I doubled my no-repeat too when I replied. Sorry Silent!