Pfeil unter Dropdown Menü

[Basti225]

Hey Leute,
ich habe ein kleines Problem.
Ich hab ein Dropdown Menü wo ich einen Pfeil drüber haben möchte.
Also wenn man auf eine Kategorie mit der Maus drüber fährt, öffnet sich das Dropdown nach unten und ein Pfeil kommt über den Dropdown Menü.

Und wenn man auf die einzelen Dropdown Unterpunkte mit der Maus geht bzw. mit der Maus nach unten. Soll der Pfeil bleiben. Erst wenn man ganz mit der Maus aus dem Menüpunkt oder Dropdown geht, soll der verschwinden

Wenn ich mich jetzt etwas undeutlich ausgedrückt habe (was ich glaub ich habe ) hab ich eine Beispiel seite: Professional WordPress Themes | ThemeShift.com auf "Themes" könnt ihr sehen was ich haben möchte.

Mein Problem ist also im Moment, wenn ich den Menüpunkt verlasse um eine Unterkategorie auszuwählen, verschwindet der Pfeil.
Und die ganzen Unterpunkte haben auch den Pfeil :?

Mein aktueller Code sieht so aus:

<ul id="nav">
<li class="dropdown"><a href= "#">About Us</a>
		<ul id="aboutus">
			<li><a href= "#">123</a></li>
			<li><a href= "#">12345</a></li>
			<li><a href= "#">1234567</a></li>
		</ul>
	</li>
</ul>

und CSS:

#nav li.dropdown a:hover {
background: url(images/menu_arrow.png) bottom center no-repeat;

}

Kann mir da einer eine Lösung vorschlagen?

Gruß
Basti