<li> class not overriding <li>formatting

aka Rohan posted this at 16:52 — 2nd February 2007.

He has: 200 posts

Joined: Feb 2006

Hi,

Ok here's the situation. I've got an image for my default bullets and this is working fine.

However I wan't to be able to have a different bullet for certain

elements (in this case a folder icon for links to a new page and my default arrow for a link to a file).

This is my css for the

and .folder class:

li {
  list-style-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
  background-position: 0 .75em;
	margin: .3em 0;
 }
 
.folder {
  list-style-image: url(../images/folder.gif);
	background-repeat: no-repeat;
  background-position: 0 1em;
	margin: .3em 0;
 }

Now in IE it's all good, I have folder icons for some links and arrows for the other. In Firefox/Opera it just doesn't show anything for the links with the .folder class. (I'm adding the class to the

, i.e.

Any ideas why this is?

aka Rohan posted this at 09:22 — 5th February 2007.

He has: 200 posts

Joined: Feb 2006

Ok it seems to have fixed itself on it's own over the weekend.

demonhale posted this at 10:28 — 5th February 2007.

He has: 3,278 posts

Joined: May 2005

Maybe you should empty the image cache on that page when trying to preview it, coz in IE, not unless you full refresh the image is stuck... so if theres no image before, it retains the no image still...