Иконки в спрайте заменяют друг друга...

1. KpuTuK (02.04.2014 / 08:44)
Всем доброго утра.
В общем у меня есть спрайт с иконками.
Я пытаюсь вывести эти иконки в ксс

.ilbar-mail, .ilbar-freinds {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('../i/transp.png');
    cursor: pointer;
}
.ilbar-mail {
    background-position: -50px 0px;
    width: 25px;
    height: 22px;
}
.ilbar-freinds {
    background-position: -105px -25px;
    width: 30px;
    height: 25px;
}

в хтмл прописываю так

<div class="page_left_bar">
            <i class="ilbar-home">hhh</i>
            <i class="ilbar-freinds">hhh</i>
        </div>

и почему то у меня первая иконка пропадает а вторая отображается причем когда я между ними ставлю перенос то отображается иконка которая после переноса а та которая выше - пропадает

Добавлено через 07:28 сек.
Скрин

URL: https://visavi.net/topics/40425