Hover sur les <LI> avec IE6

Bonjour,

Je souhaite changer la couleur de fond des conteneurs <LI> de mon menu lorsque je passe la souris dessus. J'utilise pour cela le code suivant :

*********************************************************************************

mon html :

<ul id="menu">
<li><a href="#" target="_top" title="choix1">Titre1</a></li>
<li><a href="#" target="_top" title="choix2">Titre2</a></li>
<li><a href="#" target="_top" title="choix3">Titre3</a></li>
<li><a href="#" target="_top" title="choix4">Titre4</a></li>
<li><a href="#" target="_top" title="choix5">Titre5</a></li>
<li><a href="#" target="_top" title="choix6">Titre5</a></li>
</ul>

mon css :

ul#menu {
float:left;
width:800px;
list-style:none;
height:20px;
margin:0;
margin-left:20px;
padding:0;
padding-top:3px;
padding-bottom:1px;
text-align:center;
}
ul#menu li {
padding-left:20px;
padding-right:20px;
display:inline;
margin-right:8px;
border:1px solid #666666;
}
ul#menu li:hover {
padding-left:20px;
padding-right:20px;
display:inline;
margin-right:8px;
border:1px solid #666666;
background-color:#C6DF50;
}
ul#menu li a {
text-decoration:none;
font-size:14px;
color:#666666;
}

*********************************************************************************

Le problème est que sous IE6, les :hover ne sont applicables qu'à des "a".
Si je change le background-color dans un a:hover plutôt qu'un li:hover, seul la partie derrière les caractères du lien sera colorée mais pas le reste de mon rectangle. (J'espère avoir été clair...)

Quelqu'un a-t-il une astuce qui permettrait d'obtenir le résultat souhaité sous IE6 ?
Merci d'avance !

Configuration: Mac OS X
Firefox 2.0.0.13