В списке между иконками появляется текстовый курсор. Как его убрать?

Question

[ndemic]

Здравствуйте, почему-то появляется текстовый курсор между иконками. Мне нужно его убрать. Заранее благодарен

<ul>
	<li><a class="icon evernote" href=""></a></li>
	<li><a class="icon twitter" href=""></a></li>
	<li><a class="icon pinterest" href=""></a></li>
	<li><a class="icon linked-in" href=""></a></li>
	<li><a class="icon facebook" href=""></a></li>
	<li><a class="icon delicious" href=""></a></li>
</ul>

.header-socials ul {
	position: absolute;
	right: 25px;
	top: 15px;
}
.header-socials ul .icon {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(../img/socials.png);
}

Answer 1

[ivan1kazantsev]

Там еще и отступ в виде пробела появляется.

Обнулить шрифт родителю, вернуть лишкам.
Или одной строкой в коде лишки расположить.
Или отрицательный маргин.

Comments

[ndemic]

Обнулил шрифт родителю и сделал левый маргин каждой иконке, дабы сохранить вид. И все решилось. Спасибо большое!

[Сергей delphinpro]

ndemic: А просто прописать родителю cursor: default нельзя было? =))