situar dos imagenes en un mismo lugar

[gleider]

hola Amigos....ante todo saludos para todos..
les cuento que soy nuevo en el Foro y tambien en Diseño Web...
lo cierto es que tengo una situación en una PW que estoy creando...
el problema está en que quiero poner dos imagenes en un mismo lugar...
el lugar es un menú, y en cada vinculo quiero que aparezcan las imagenes...este es el trozo de codigo css...

ul.menu li{
list-style:none;
background:url(../images/red/circulo.png) no-repeat;
background:url(../images/red/rayita.png) top left repeat-x;}
}

cuando le agrego la última linea de código, ingeniada por mi, no me aparece nada...
si existe algún modo de lograr lo que quiero por favor les pediría que me ayudaran, estaría muy agradecido...

trataré de ilustrar lo que quiero con imágenes...
es como esto





gracias de antemano...

[cristian_cena]

Porque, en css2, no podes dar dos fondos a la misma caja, creo que con css3 ya se puede.
La alternativa de momento es usar dos cajas apiladas (con z-index).
Si en cambio, lo que deseas es cambiar la imagen cuando un evento se produzca, entonces podes usar sprites.
Saludos.

[IXtremeLT]

También puedes hacer un sprite, es decir las dos imagenes en una sola imagen.