Amigos: Tengo un menu, en el cual el texto de los enlaces tiene que estar alineado a la derecha, pero antes que llegue al border-right debe de haber una imagen(icono), ejmp:
menu1 [imagen1 de fondo]
menu2 [imagen1 de fondo]
menu3 [imagen1 de fondo]....todos alineados a la derecha....pero sucede que cuando pongo el icono como imagen de fondo, este mezcla con el texto del menu (lo que no sucede si lo coloco como imagen normal no como background, en el tag <img />)...y resultado=caos, amigos como podria solucionar este problema....
.mi-menu ul li a{
text-align:right;
background-image:url(../img/imagen1.gif);
background-repeat:no-repeat;
background-position:right;
}
.mi-menu ul li a:hover{
text-align:right;
background-image:url(../img/imagen2.gif);
background-repeat:no-repeat;
background-position:right;
}
Estoy usando la imagen como background para poder hacer el efecto a:hover....y se reemplaze la anterior imagen...gracias de antemano por sus aporte.