Custom List Bullets with Background-Position
I think we can all admit that the few choices CSS gives you for bullet shapes in unordered lists are pretty pedestrian. I’ve done designs where neither disc, circle, nor square was appropriate for the look-and-feel of the site. I know I’m supposed to be able to substitute an image with the list-style-image property. To be honest, I’ve never had much luck getting that particular property to work correctly. Maybe I just never spent much time on it because it’s so easy to just manipulate the background of my list items and get exactly what I’m seeking.
