<li> with a different image

Seems like my tags have taken another form in the post. this is what i wanted to say.

I would like to know if it is possible to to actually have a different background image for one
li from another in the same ul. I have one li and I would like for each to have it's own image icon. Is this possible and if so how do i go about it. I have tried creating a new style and attaching a class span to the li. I end up having both images. Thanx

Html



• sjhgshjsgj


• jhjhjkhk

CSS

ul li.one {list-style-image: url("image1.gif");}
ul li.two {list-style-image: url("image2.gif");}


This should specify a different image for each li depending on its class

CBV

Do you mean you want a bullet image? if so follow chequebookvandals idea of a class but place the image as a background which works better than list-style-image and is always preferred. Use padding or margins to move text/link away to make room.

Hugo.