Списки с использованием картинок

[timewriter]

Хожу вокруг да около. В ИЕ если выделить текст - над текстом какое-то пространство тем самым визуально маркер вверх уходит. line-height - не помог. для маркера указал точные размеры...
страница

в других браузерах такого - нет

<ul>
    <li><a href=""><strong>ХИТ! Sales Book - полное практическое руководство по продажам</strong></a></li>
    <li><a href="">Стандарты мерчендайзинга - Merchandising Book</a></li>   
</ul>

css

ul{
	padding-left:5px; 	
	margin-left:5px;
}
ul li{
	list-style: none;
}
ul li::before{
	content : url('/Files/image/arrow_y.jpg');
	display: block;
	float: left;
	width: 17px;
	height: 16px;
	overflow: hidden;
	clear: left;
}

Как его вылечить?

И еще одно:
в хроме переносит строку, которая попадает под маркер. Как сделать чтобы вторая строка была не под маркером, а выровнена была с первой строкой (это первые 2 пункта списка)

 

[ALEXu]

в хроме переносит строку, которая попадает под маркер. Как сделать чтобы вторая строка была не под маркером, а выровнена была с первой строкой (это первые 2 пункта списка)

list-style-position

оно?

 

[timewriter]

в хроме переносит строку, которая попадает под маркер. Как сделать чтобы вторая строка была не под маркером, а выровнена была с первой строкой (это первые 2 пункта списка)

list-style-position

оно?

Да, но только в том случае, если list-style не равен none.
Задача стояла повесить маркером картинку. А т.к. все маркеры начинаются с верха, то маркер всегда будет чуть выше линии текста. Хотя над текстом и не будет того пустого пространства(как на принтскрине).
Чтобы решить эту задачку использовался ul li::before.