Les Sprite CSS ... la galère

Bonjour à tous j’espère que vous avez passez un bon week-end... et oui c'est déjà la fin.
J'ai pas mal avancé sur la maquette Wonder et je suis bloqué au sprite css. Rien ne s'affiche...
Je vous colle le code si vous voyez quelque chose qui ne vas pas faite moi signe. merci

.social-icon li {
display: inline-block;
width: 50px;
height: 50px;
background: url(img/social-icon.png) no-repeat;
}

.icone1 {
background-position: left top;
}

.icone2 {
background-position: 25% top;
}

.icone3 {
background-position: 50% top;
}

.icone4 {
background-position: right top;
}

.icone1:hover {
background-position: left bottom;
}

.icone2:hover {
background-position: 25% bottom;
}

.icone3:hover {
background-position: 50% bottom;
}

.icone4:hover {
background-position: right bottom;
}