Con CSS se pueden hacer rollovers con imágenes, redefiniendo las etiquetas <li> o <ul>. Pero hay veces que puede ser útil obtener un efecto rollover similar a una lista de una manera mucho más simple.

El html sería:

<a href="#"><span class="lista">&#149; </span>Opción de menú uno</a><br>
<a href="#"><span class="lista">&#149; </span>Opción de menú dos</a><br>
<a href="#"><span class="lista">&#187; </span>Distinto símbolo 1 </a><br>
<a href="#"><span class="lista">&#187; </span>Distinto símbolo 2 </a>

y el CSS:

<style type="text/css">
<!--
  a { text-decoration: none; color: #339900}
  a:hover { text-decoration: none; color: #339900}
  a .lista { color: #339900}
  a:hover .bullet { color: #333333; bold}
  -->
</style>