Test Foro de elhacker.net SMF 2.1

Buen día, necesito ayuda con algo, les comento... tengo este código:

<ul>
<li><a href="#">Uno</a></li>
<li><a href="#">Dos</a></li>
<li><a href="#">Tres</a></li>
</ul>

Como puedo hacer para que cada li tenga un icono distinto. Claro todo esto aplicando CSS y buenas practicas.

Gracias desde ya.

Bueno aqui encontre la solucion:

ul{ li-style-type: none;}

li{position:relative; float: left; width:100px; height: 100px; }

li img { display: block; position: absolute; bottom: 0; }