nejde mi li:hover v IE6

Dobrý den,

podle jistého tutoriálu jsem si udělal menu:
<div id="navigace">
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
</ul>
</div>

se stylem:

#navigace ul li
{
list-style-type: none;
background: url(link.gif) no-repeat scroll;
font-family: georgia;
font-size: 10pt;
float:left;
}

#navigace ul li a
{
text-decoration: none;
width: 180px;
height: 23px;
padding: 7px 0 0 0;
text-align: center;
color: #c7c7c7;
float:left;
}

#navigace ul li a:hover
{
color: #b2d8de;
}

#navigace ul li:hover
{
background-position: 100% 0;
color: #b2d8de;
}

Ve FF jde bez problému, ale v IE6 se pozadí nezmění. Nevíte jak to obejít?? Děkuji

OK. Děkuji Vám, snad se mi to povede spravit.