CSS - Imagenes en Listas

Hola que tal!
Alguien sabe como poner 2 o mas imagenes con clases al final de una lista ya que solo me reconoce una y por lo general es la ultima.

Ejemplo:

.O{
background-image:url(../../imgs/o.png);
background-repeat:no-repeat;
background-position: 100px top;
padding-right:250px;

}
.P{
background-image:url(../../imgs/p.png);
background-repeat:no-repeat;
background-position: 150px top;
padding-right:250px;

<ul id="dge_arbol1">
<li>
<a href="#" id="pa" alias="hijo1 de a alias" co="6" _tipo = "4" class="O P " ;>padre a </a>
</li>
</ul>

Saludos y Gracias!!!!