General –

<html>

<head>
<style type=”text/css”>
ul
{
list-style-image:url(‘sqpurple.gif’);
}
</style>
</head>

<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>

Para todos los navegadores –

<html>
<head>
<style type=”text/css”>
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
li
{
background-image:url(imagen.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:14px;
}
</style>
</head>

<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>

</html>