موقعیت تصویر در list-style-image

[آیدین]

با درود
دوستانی که از list-style-image استفاده کرده باشن حتمن میدونن تفاوت نمایش لیست در ie و opera و firefox چیه.
در ie و opera تصویر در بالای لیست قرار میگیره و تعیین موقعیتش (حداقل برای من) ممکن نیست. در فایرفاکس تصویر در وسط قرار می‌گیره ولی هم حتی موقعی که padding و pargin صفز شده باشن باز هم فاصله‌ای اضافه بین تصویر و نوشته در li ایجاد میشه که در ie و opera وجود نداره.
از دوستان می‌خوام اگر راه حلی برای این مساله دارن بگن.
یک راه شاید عدم استفاده از بولت و به کار گرفتن تصویر پس‌زمینه‌ی li همراه padding باشه، راه اصولی‌ای سراغ دارین؟
سپاس

#menu ul {
    margin:0px;
    padding:10px;
    list-style-image:url(../images/bullet_1.png);
}
#menu ul li {
    margin:0px 20px;
}

 

[emad_67]

فکر نمیکنم راهی به جز قرار دادم تصویر به عنوان background باشه چون منم کلی سر تنظیم اون وقت گذاشتم آخر نشد و تو هر مرورگر یه سازی میزنه.

 

[echessdesign]

درود بر شما
این روش رو امتحان کنید:

list-style-image:url(../images/bullet_1.png) center center;

 

[آیدین]

درود بر شما
این روش رو امتحان کنید:

list-style-image:url(../images/bullet_1.png) center center;

این روش تنها برای تک خطی مناسبه
به صورت 50% 100% برای فارسی. برای دوخطی یا بالاتر مشخصه که بولت بین دوتا خط قرار میگیره.
جستجوی گوگل هم نشون داد مشکل، مشکل خیلی‌هاست
آخرش هم از همون روش بکگراند باید استفاده کرد
مرسی