Hallo,
Die Browser haben alle sehr eigenwillige Ideen von margin/padding bei Listen (ul,ol) und Listenpunkten (li).
Daher macht es sich gut, wie in diesem fall, die grafik nicht als listen symbol zu nutzen sondern als hintergrundgrafik für das <li> element und dieses mit list-style:none; zu formatieren. Das im <li> enthaltene <a> element kann man dann mit margin-left:...; auf abstand bringen, so dass die hintergrundgrafik sichtbar ist. So ist die darstellung in diversen browsern recht gut zu handhaben und es giebt keine grossen probleme.
Gruss, Jan aus Dresden