Как решить проблему с картинками при наведении в спрайте?

Question

[nepster-web]

Собственно, сделал вот такой пример: jsfiddle.net/JVFtt

И при наведении иконка дублируется. Подскажите, пожалуйста, как это исправить ?

Answer 1

[Илья Лесных]

Собственно у вас картинка-спрайт задается фоном дива, а он имеет ширину 100% от текста и отступов. Естественно, что картинка дублируется. Либо делайте спрайты полностью вертикальными, либо ставьте картинку во вложенный спан, а не на сам родительский блок.

Comments

[storaged]

+1

Answer 2

[Виктор Корейша]

В последнем сделал display:block; Как вариант inline-block;
jsfiddle.net/kkuXj

Answer 3

[Jaty4]

серьезно? вы задаете спанам ширину и высоту?