fehlender >-Selektor beim IE6 umgehen

[André]

Hallo,
ich habe folgendes Problem.
Auf einer Seite habe ich folgendes Menü:

<div id="navigation">
<ul>
  <li><a href="#top">Link1</a></li>
  <li><a href="#top">Link2</a></li>
  <li id="menu6" class="selected"><a href="#top">Links3</a>
    <ul>
       <li><a href="#top">U-Link1</a></li>
       <li class="selected"><a href="#top">U-Link2</a></li>
       <li><a href="#top">U-Link3</a></li>
    </ul>
  </li>
  <li><a href="#top">Link3</a></li>
</ul>
</div>

Links soll immer ein Pfeil erscheinen als Hintergrundgrafik:

#navigation ul li a:hover {
 background-image:url('menupfeil.gif');
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 15px;
}

ebenso bei den Untermenüs:

#navigation ul ul li a:hover {
 background-image:url('menupfeil.gif');
 background-repeat: no-repeat;
 background-position: left center;
}

Nicht jedoch, wenn der Eintrag selektiert ist, also class="selected":

.selected > a {
 background-image:url('menupfeil.gif');
 background-repeat: no-repeat;
 background-position: left center;
}

Das funktioniert gut im Firefox2 und IE7. Nicht jedoch im IE6, weil der den >-Selektor ja nicht kennt. Hat einer von Euch eine Idee?
Mein Problem dabei ist immer, dass in bei allen anderen Versuchen entweder gar keine Pfeile fest angezeigt werden, oder bei allen Untermenüpunkten. :-((
Ich vermute, dass ich da irgendeinen logischen Denkfehler mache, vielleicht kann mir ja von Euch einer weiterhelfen! :-))

Schon mal jetzt vielen Dank,

André