Tema: En pie de Guerra ¡Maldito .hover!
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/01/2017, 10:14
Pajaranny
 
Fecha de Ingreso: septiembre-2012
Mensajes: 149
Antigüedad: 11 años, 7 meses
Puntos: 3
En pie de Guerra ¡Maldito .hover!
Buenas tardes compañeros,

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

Código HTML: 
Ver original
  1. <ul class="mud-social">
  2. <li class="facebook"><a href="https://www.facebook.com/V********" target="_blank">Facebook</a></li>
  3. </ul>

y Su respectivo Css:

Código HTML: 
Ver original
  1. .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; }
  2. li.facebook a { background-position: 0 0}
  3. 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.