Hover menu nefunguje v Mozille

nazdárek :) vytvořila jsem Hover menu, které mi ale bohužel nefunguje v Mozille. Nechápu proč, tady je kod:
CSS
jinak
-----
ul
{
list-style-type: none;
padding: 0;
margin: 0px 0px 0px 0px;
text-align: center;
width: 160px;
height: 40px;
}
ul a
{
width: 160px;
height: 40px;
background-image: URL("plant_red.jpg");
padding: 0;
margin: 0px 0px 0px 0px;
text-align: center;
}
ul a:hover
{
background-image: URL("plant_normal.jpg");
padding: 0;
margin: 0px 0px 0px 0px;
text-align: center;
width: 160px;
height: 40px;
}

li#1 a
{
background-position: -1px -31px;
width: 160px;
height: 40px;
}
li#2 a
{
background-position: -1px -71px;
}
li#3 a
{
background-position: -1px -110px;
}
li#4 a
{
background-position: -1px -150px;
}

html
------

<ul>
<li id="1"><a href="ahoj">ahoj</a></li>
<li id="2"><a href="nazdarek">nazdarek</a></li>
<li id="3"><a href="jak se mame">jak se mame</a></li>
<li id="4"><a href="hura">hura</a></li>
</ul>

jinak je to na strankach www.adelkak.webzdarma.cz

stejne jako v IE?

Díky moc, už to funguje, ještě koukám, že mi u pravého panelu nějak blbne rámeček, opět pouze v Mozille, ale asi tady za mě nevyřešíte všechno... :o).