[RESOLVED] list-style-image

[KDLA]

http://kdla.ky.gov/libsupport/children/presenters.htm

In the document above, the list-style-image style works in IE, but not Fx. The coding validates for both HTML and CSS -- why aren't the bullets showing?

/*Presenter Directory */
#presenters {width: 35em; border-top: 1px solid #000; padding-top: 1em;}
#presenters ul {margin-left: 0; padding-left: 0;}
#presenters ul li {display: block; font-weight: bold;}
#presenters ul li ul li, #presenters ul li ul li ul li {font-weight: normal;}
#presenters ul li ul {margin-left: 2em;}
#presenters ul li ul li ul {margin-left: 2em;}
#presenters ul li ul li {font-size: 1.25em; list-style-type: none; margin-top: 1em;}
#presenters ul li ul li address {font-size: .65em; margin-bottom: 1.5em; margin-left: 1em;}
#presenters ul li ul li ul li address {margin-bottom: auto; margin-left: auto;}
#presenters ul li ul li ul li {font-size: .75em;}
#presenters ul li ul li ul li.call {list-style-image: url(../images/misc/info.gif);}
#presenters ul li ul li ul li.rec {list-style-image: url(../images/misc/star.gif);}
#presenters ul li ul li ul li.hirec {list-style-image: url(../images/misc/star2.gif);}
#presenters ul li ul li ul li.na {list-style-image: url(../images/misc/na.gif);}#presenters ul li ul li ul li ul {margin-bottom: 2em;}
#presenters ul li ul li ul li ul li {list-style-image: none; margin-top: .25em;}
#presenters ul li ul li ul li ul li address {font-size: 1em; font-style: normal;}

Thanks,
KDLA

[ray326]

It usually has something to do with what the browser thinks of the left padding/margin.

[KDLA]

Ah, I just figured it out. I needed to add "display: list-item" to the li's with the list-style-image attribute.

Thanks!
KDLA