What bullet CSS for Netscape?

J

Jeremy

I am trying to make Netscape 7.1 show a regular black-filled list bullet. I
get the right bullet in IE; but in Netscape I get a black-filled diamond
instead of a black-filled disc. My code is:

li { margin-top: 3; margin-bottom: 6; list-style-type:disc; }

How can I get the bullet to be the same in IE and Netscape? (I have no
problem getting them the same is I use a square, but I don't want a
square...)

Is there an internet reference that tells the differences between the way IE
and Netscape interprets CSS?

Many thanks in advance for your help.
 
C

chris leeds

www.alistapart.com has good references and links. you could use an image
instead of a bullet style.
below is an arrangement to make smaller "seeds" as bullet images for the
inner bullets and larger ones for the outer bullets. I haven't thought
about three deep yet. ;-)

#content li {
font-weight: bold;
list-style: none;
list-style-image: url("../images/seed-bullet.gif");
}

#content li li {
font-weight: bold;
list-style: none;
list-style-image: url("../images/seed-bullet-bullet.gif");
}

HTH

--
Chris Leeds,
Microsoft MVP FrontPage

The email address on this posting is a "black hole". I got tired of all the
spam.
Please feel free to contact me here:
http://nedp.net/contact/
 
Top