While CSS and CSS2 support various ways of styling list items, the capabilities are still limited. list-style-type allows to select different predefined list styles (bullets, squares etc). list-style-image allows to select custom images. Unfortunately, no option to use custom characters exists.
Problem with just adding the custom character to the content itself is that indentation is broken when LI items are wrapped across lines (looking like list-style ‘inside’ then, rather than the usual ‘outside’).
In this discussion Jukka offers an approach to use :before for creating the content character, which unfortunately doesn’t work on still-popular IE6.
So- something to fix for CSS3? IE7?