Mira, una manera de hacerlo es esta: coges su imagen (o una tuya)
http://www.alternate.es/pix/icons/navArrowRight.gif
la pones como fondo del elemento "a" y a este le das un espacio con text-indent y la desplazas hasta que esté donde tú quieres.
Mira este simple ejemplo:
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
#menu ul {
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style-type:none
}
#menu a {
display: block;
width: 100px;
background: url(img/navArrowRight.gif) no-repeat left 5px;
text-indent: 14px;
text-decoration: none;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Uno</a></li>
<li><a href="#">Dos</a></li>
<li><a href="#">Tres</a></li>
<li><a href="#">Cuatro</a></li>
</ul>
</div>
</body>
</html>
Ellos lo han hecho con el div porque de esta manera que te pongo, si ahora hace que se subrayen al pasar el ratón (por ejemplo), se subraya todo, incluido el gráfico.
Hay más maneras, pero hay que meterle un rato.
Mikel.