I should have specified a bit more. I actually want each list item to have a seperate image. There will be 4 images. I don’t really want to assign a different image in the css. I know I can do it that way. I was looking for a way to put the image in the list.
I had the same problem a while back on a project for a client.. If you dont NEED the image to be in the HTML then i would just use a background image for each bullet, assigning a different class to each bullet. That way you can have complete control over the exact position of the image. If you do need it in the HTML (as my client did for editing reasons) then it’s tricky as the only way to vertically align text in CSS is to specify the element as a table cell in the CSS and use the vertical-align property. This however, does not work in ie6 or 7. The solution I came up with was to use jquery to measure the height of the text element and then dynamically set padding accordingly. I’d advise the background image method though unless you really need the image in the HTML itself.