Расстановка самодельных маркеров у списков

Задача: сделать для списков самодельные маркеры.

Использовать list-style-image не всегда удобно из-за непредсказуемых отступов. Поэтому раньше я пользовался конструкцией типа

ul li {
padding-left: 10px;
background: url(bullet.gif) 0 5px no-repeat;
}

Сегодня пришла идея немного эту конструкцию улучшить, задав background'у относительную позицию:

ul li {
padding-left: 10px;
background: url(bullet.gif) 0 0.5em no-repeat;
}

Достоинства — маркер остается на месте при изменении масштаба шрифта. Кроссбраузерно.
Если есть необходимость, могу добавить картинки, но, по-моему, все и так понятно.