Grafik -Aufzählungszeichen nur bei a:hover

[jenskie]

ich habe jetzt jedem link eine "id" vergeben. Hier mein kläglicher Versuch:
html:
<div id="navi">
<ul id="naviliste">
<li><a href="" id="start">Start</a></li>
<li><a href="" id="geschichte">Geschichte</a></li>
<li><a href="" id="bestattungsarten">Bestattungsarten</a></li>
<li><a href="" id="bestattung">Bestattung</a></li>
<li><a href="" id="friedhof">Friedhof/Kommune</a></li>
<li><a href="" id="leistungen">Unsere Leistungen</a></li>
<li><a href="" id="trauerfall">Im Trauerfall</a></li>
<li><a href="" id="formalitäten">Formalit&auml;ten</a></li>
<li><a href="" id="vorsorge">Vorsorge</a></li>
<li><a href="" id="links">Links</a></li>
<li><a href="" id="impressum">Impressum</a></li>
</ul>
</div>

css:
#naviliste ul{
 padding:0;
 margin:0 0 0 50px;
 width:265px;
 list-style-position: outside;
 list-style-type:none;
}
#naviliste li {
 list-style-type:none;
}
#naviliste li a{
 text-decoration:none;
 font-size: 1.1em;
 color:black;
 background-color:transparent;

}

#start a:hover{
background: #ffffff url(img/kreuz.gif) no-repeat;
}