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

Question

[tonybeat]

joxi.ru/krDDEJLf0EL8pr
Обновляю и страницу и эти списки слетают,стоит по ним поводить мышкой они встают на место..
Даже не знаю с чем связано.
На li стоит hover (но от этого меняется только : list-style-image:)
Размер иконок одинаковый

Comments

[tonybeat]

https://astralm.ru/esignature/

Answer 1

[R3AD]

Выводите картинки li*шек через background, а не через list-style-image
Для ul > li {
list-style: inside none;
}

Comments

[tonybeat]

ul li {
list-style: url(/esignature/img/ECP_3_23.png);
}
про инсайд можно поподробней?

[R3AD]

inside выводит положение стандартных картинок li внутри элемента, блока, outside - снаружи. При inside блок li не сдивгается относительно родителя, либо контента.

[tonybeat]

R3AD: ul li {
list-style: inside url(/esignature/img/ECP_3_23.png);
}
так получается?

[R3AD]

пример htmlbook.ru/css/list-style-position

[R3AD]

ul > li{
background: url(/esignature/img/ECP_3_23.png) 0% 50%; //0% 50% задаем положение картинки
padding: 0 0 0 20px; // сдвигаем li слева
box-sizing: border-box;
}

[R3AD]

vitaly9200 skype