Вы пытаетесь менять бэкграунд у картинки :) Так не получится.
Уберите картинку из хтмл, класс вешайте на ссылку и через бэкграунд указывайте нужную картинку:
<a href="#" class="inst"></a>
a {
display: inline-block;
height: 16px; //Тут задаем размеры иконки
width: 16px;
}
.inst {
background: url(images/insta.png) no-repeat 0 0;
}
.inst:hover {
background: url(images/insta_b.png) no-repeat 0 0;
}
</a>
Можно еще собрать все иконки в один спрайт и менять состояние меняя background-position, но это уже следующий левел.