Menü LI UL, hover füllt Farbe nicht aus

[Karsten]

Ich habe ein css erstellt, doch beim Hover soll eigentlich das ganze Feld die Farbe wechseln nicht nur der Text! Kann mir jemand helfen?

Karsten

<style type="text/css">  
#menu ul  
{  
list-style-type:none;margin:0;padding:0;  
}  
  
#menu li  
{  
padding:5px 0 5px 0;  
border-bottom: 1px dotted #000;  
}  
  
#menu li a  
{  
text-decoration: none;  
}  
  
#menu li a:hover  
{  
color:#fff;  
background:#000;  
}  
</style>