Probleme mit hover background-image IE6

[JXR]

Hallo,

hat diesen Bug schonmal jemand gesehen?

Ich habe: eine Liste (ul/li) mit Navigationslinks. Bei Mouseover soll ein gif als Hintergrundgrafik eingeblendet werden, ohne Mouseover ist sie nicht als Hintergrund-Grafik gesetzt udn nicht sichtbar. Klappt auch: in Opera, Mozilla/Firefox. Nur im IE6 nicht! Interessanterweise wenn ich die Links mit der Mouse markiere sehe ich die Gifs sogar.
Wenn ich zusätzlich eine Background-Color setze wird diese auch im IE bei Mouseover gewechselt. Nur das Gif wird nie angezeigt.

Ich dachet ich hätte nun langsam mal alles gesehen was der IE6 zu bieten hat.

Bekannter Bug? Gibt es eine Lösung?

Code HTML:

<ul>
<li><a href="a.html" class="navigation">a</a></li>
<li><a href="b.html" class="navigation">b</a></li>
<li><a href="c.html" class="navigation">c</a></li>
</ul>

Code CSS:
a.navigation:link
{
margin:0;
padding:0px 0px 0px 17px;
font-weight: bold; font-style: normal; font-family: verdana,arial,geneva,helvetica,sans-serif;
color:#F18503; letter-spacing: normal; text-decoration: none;
}

a.navigation:visited
{
margin:0;
padding:0px 0px 0px 17px;
font-weight: bold; font-style: normal; font-family: verdana,arial,geneva,helvetica,sans-serif;
color:#F18503; letter-spacing: normal; text-decoration: none;
}

a.navigation:hover
{
margin:0;
padding:0px 0px 0px 17px;
font-weight: bold; font-style: normal; font-family: verdana,arial,geneva,helvetica,sans-serif;
color:#000000; letter-spacing: normal; text-decoration: underline;
background-image:url(bullet.gif); background-repeat:no-repeat;
}

a.navigation:active
{
margin:0;
padding:0px 0px 0px 17px;
font-weight: bold; font-style: normal; font-family: verdana,arial,geneva,helvetica,sans-serif;
color:#000000; letter-spacing: normal; text-decoration: underline;
background-image:url(bullet.gif); background-repeat:no-repeat;
}