Grafik -Aufzählungszeichen nur bei a:hover

[jenskie]

hallo, ich möchte für meine Navigationsliste immer bei a:hover eine Grafik als Aufzählungszeichen anzeigen lassen. Fällt mir echt schwer das zu erstellen. Habe bisher nur mistversuche erstellt. Deshalb nur mein bisheriger Code:
html:

<ul id="naviliste">
<li><a href="">Start</a></li>
<li><a href="">Geschichte</a></li>
<li><a href="">Bestattungsarten</a></li>
<li><a href="">Bestattungszubeh&ouml;r</a></li>
<li><a href="">Friedhof/Kommune</a></li>
<li><a href="">Unsere Leistungen</a></li>
<li><a href="">Im Trauerfall</a></li>
<li><a href="">Formalit&auml;ten</a></li>
<li><a href="">Vorsorge</a></li>
<li><a href="">Links</a></li>
<li><a href="">Impressum</a></li>
</ul>

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;

}