Error en ntd-child Se repite la imagen

[danielugalde]

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:

ul.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!!