list-style-image problem

[kingkol]

Hi
I am having problem to position bullet.I am using a custom image for the bullet.But it seem that bullet image is aligned with bottom of the text.When I tried to vertically center the text the bullet is moving up.

How to fix that?Thanks in advance.

[kingkol]

code is like

#menu_bar ul
{
margin-left:50px;
}
#menu_bar ul li
{
float:left;
margin-left:10px;
margin-right:10px;
list-style-image:url(divider.png);

}
#menu_bar ul li a
{
color:white;
text-transform:uppercase;
font-weight:bold;
font-size:15px;
display:inline-block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;

}

[Paul_o_b]

The list style image has no precise positioning control so most authors don't use it at all.

Instead they use a normal background image instead and have all the background-position properties available to them so the image can be placed with pixel perfection cross browser.