hola tengo un gran problema se repite la imagen en ntd-child
aqui el Html
Código HTML:
<div id="contenedor">
<ul class="boton_p_social">
<a href="#"><li></li></a>
<a href="#"><li></li></a>
<a href="#"><li></li></a>
<a href="#"><li></li></a>
<a href="#"><li></li></a>
</ul>
</div>
Aqui el css
Código css:
Ver originalul.boton_p_social{ width:880px; height:246px; margin:0 auto; margin-top:100px;}
ul.boton_p_social li{ width:171px; height:246px; display:block; float:left; }
ul.boton_p_social li:nth-child(5n+1){ background-image:url(../img/p_social_r1_c1.png);}
ul.boton_p_social li:nth-child(5n+2){ background-image:url(../img/p_social_r1_c2.png);}
ul.boton_p_social li:nth-child(5n+3){ background-image:url(../img/p_social_r1_c3.png);}
ul.boton_p_social li:nth-child(5n+4){ background-image:url(../img/p_social_r1_c4.png);}
ul.boton_p_social li:nth-child(5n+5){ background-image:url(../img/p_social_r1_c5.png);}
este es el codigo y se me repite la primera imagen ayuda xfavor!!