En pie de Guerra ¡Maldito .hover!

[Pajaranny]

Buenas tardes compañeros,

La verdad es que lo que intento hacer es sencillo pero soy nulo.

Código HTML:

<ul class="mud-social">
<li class="facebook"><a href="https://www.facebook.com/V********" target="_blank">Facebook</a></li>
</ul>
 

y Su respectivo Css:

Código HTML:

.mud-social li a { width:44px; height: 44px; display: block; background:url("https://www.vot******.com/images/footer/social-media-pack-html.png") no-repeat; text-indent: -9999px; margin-top:5px; }
li.facebook a { background-position: 0 0}
li.facebook a:hover { background-position: 0 -44px}
 

La primera imagen se muestra bien pero cuando hago .HOVER se mueve a donde le da la gana.

Es una imagen con dos líneas.

[AngelKrak]

Conmigo se ven bien, nose cual sea tu error

http://codepen.io/anon/pen/PWEyoj

[Pajaranny]

Yo he hecho la prueba también ahora y es por culpa de Joomla, no le gusta el .hover o no sé que motivo tiene pero no me muestra

[ArturoGallegos]

Revisa las jerarquias en tus estilos, lo mas seguro es que esten en conflicto.

[Pajaranny]

Iniciado por ArturoGallegos

Revisa las jerarquias en tus estilos, lo mas seguro es que esten en conflicto.

Gracias, no me llegan los avisos por email de forosdelweb desde hace tiempo no había leído voy a mirar.