It seems that as soon as I add display:block; to a li element, the list-style-image disappears.

Is this supposed to happen? If so, how can I resolve it?

I think you have to put a margin on the left edge to make it show up.

Add margin to which element

Let's have a link or the code. How are you putting the image in? You usually put the image in as a background image with a no-repeat where you have it displaying as block, not as list-style-image.

tim

a margin on the <li> element. This should be done in the CSS of course:

 ul li {margin-left: 15px}

Of course, this margin will need something to push against, and serandfae is probably correct about using background images instead of list-style-image. This is how I handle it in many cases, in fact, because there is more control over backgrounds anyway...

yeah, i just realized I should of used a background image for it. Changed that now, everything working