¡Dios Santo! ¡Si este CSS tiene más errores de los que uno puede contar!
Prueba haciendolo así, a ver si funciona:
Código HTML:
<head>
<style type="text/css">
#ico{ list-style-image:url(ico.png);}
#ico a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#047;}
#ico a:hover{text-decoration:underline; color:#C00;}
</style>
</head>
<body>
<ul id="ico">
<li><a href="#">hardware</a></li>
<li><a href="#">software</a></li>
<li><a href="#">celulares</a></li>
<li><a href="#">reproductores de audio</a></li>
<li><a href="#">camaras de video y otros</a></li>
</ul>
</body> Te digo los errores principales para que no te vuelvan a pasar:
-El atributo 'id' solo debes usarlo una vez. Si quieres usarlo más de una, tienes que hacerlo con una 'class'.
-'list-style' es una propiedad de las listas, no de los links, por eso es posible que te diera muchos errores.
Por cierto, no se por qué has usado 'list-style:none', que yo supiera, esto debería eliminar las imagenes... Aun así no me lo hizo =P
Pruebalo ahora a ver si te funciona, si aun tienes problemas me avisas. A tu pregunta, por lógica la imagen no debe ser muy grande, pero no creo que haya mucho problema con esto. ¡Suerte!
