Разное отображение списков у WebKit и НЕ WebKit. Помогите разобраться....

[ChesterHTML]

Здравствуйте!

Есть хтмл:

<ul class="lister">
    <li>qwe</li>
    <li>qwe</li>
    <li>qwe</li>
    <li>qwe</li>
    <li>qwe</li>
</ul>

и есть ксс к нему:

*
{
	margin:0;
	padding:0;
}
body
{
	margin:1em;
}
ul
{
	margin: 5px 24px;
}
.lister {
	list-style-type: upper-alpha;
}
.lister li{
	font-family:"Courier New", Courier, monospace;
}

проблема в том, что у WebKit-браузеров(chrome, safari) маркеры списка чуть-чуть съезжают влево.

как это исправить?

ато открываешь страницу, например, в фоксе - всё ок, в опере тоже ок, и даже, прости господи, в ие6 всё ок, а вот хром и сафари сдвигают маркеры-буквы чуть влево....

грубо говоря - у WebKit-браузеров расстояние между маркером и началом строки отличается от НЕ WebKit-браузеров.....

что интересно - начало строки во ВСЕХ браузерах начинается с одинаковой позиции.... а вот позиция маркера - меняется(у WebKit)

все браузеры самых последних версий....

P.S.: это видно более отчетливо если

list-style-type: upper-alpha;

и

font-family:"Courier New", Courier, monospace;

Edited August 22, 2011 by ChesterHTML

[Softlink]

большой разницы в отображении не заметил. Но попробуйте вот так сделать list-style-position: inside

Edited August 22, 2011 by Softlink

[ChesterHTML]

вах-вах-вах, спасибо, помогло!