jak na menu

Původně jsem myslel že to pojede, ale ono ne.
1. nevím, jestli a:hover není prasárna, ale nevím, jak to jinak nahradit
2. při najetí myší na odkaz se sice zobrazí menusel.gif, ale jen jako pozadí textu (zkoušel jsem to jako odkaz dát cele <a href="#"><li>menuitem... ale nev9m, jestli to taky není prasárna a stejně to nefunguje)
3 poraďte pls, jak to přepracovat

style.css

.menu li{
padding: 3px;
text-align: left;
background-image: url("images/menu.gif");
list-style-type: none;
}

.menu a:hover {
background-image: url("images/menusel.gif");
}

index.php

<ul class="menu">
<li><a href="#">menuitem 1</a></li>
<li><a href="#">menuitem 2</a></li>
</ul>

děkuju, ale chtěl bych využít seznamy, tedy UL, LI. Ne to vytvářet pomocí divu a spanu