a:focus wird nicht angezeigt

[maggie]

Hallo,
ich habe in html eine Liste:

<dl class="menu">  
<dt>  
Hauptmenü  
</dt>  
<dd>  
Untermenü  
</dd>  
</dl>

Den Untermenüpunkten möchte ich beim angeklickten Unterpunkt eine andere Hingergrundfarbe geben. Mein CSS Anweisung sieht so aus:
dl.menu dd a:focus {background-color:#dddddd; color:#000000;}
Was ist an diese Style-Anweisung falsch? Das gewünschte wird nicht angezeigt :-(
Gruß
Maggie