Okay, it is monday (and its been a long one) so forgive me if this is a dumb question.
I am making a menu out of a list. I don't want the list to have any bullets. So I used "list-style:none". However, these list items are links, and when a user rolls over them, I would like for a little arrow (a custom made image) to pop up next to the link. I thought I would simply use "list-style-image" on the a:hover pseudo class. But this doesn't seem to work. Any suggestions?

li { list-style: none; }

li:hover { list-style: url('picture.gif'); }

Kyle's already got ya.

I didn't know you were allowed to use the :hover pseudo class on anything except for the anchor tag. I will give this a try. Thanks!

Well, you can-- BUT, it will not work with IE6.
It would be easier if you put the custom image in as a background on the <a>, then you'll have no trouble getting IE6 to work. Just leave list-style at none, then do a no-repeat on the bg image for the a:hover. Adjust padding on the link text as needed.

bah, yeah, I have to make sure it works for IE6. I will try the background thing. I didn't think of that! Thanks! **update - This worked out great! Thanks!**

Glad to help.