Ho questo menu:

codice:
<ul id="pro">
<li id="uno"><span class="tit">TIT 1</span><span class="sott">Sottotitolo 1</span>
<li id="due"><span class="tit">TIT2</span><span class="sott">Sottotitolo 2</span>
<li id="tre"><span class="tit">TIT3</span><span class="sott">Sottotitolo 3</span>[/list]
Vorrei che al passaggio del mouse sopra al "li" mi cambiasse lo sfondo...
ho provato così ma non va

codice:
#pro ul li#sho a:hover {background-color:#0F0}