Hello,
I'm trying to style lists in a site I am developing, with some of the
<li> components being links, and some being plain text. Since I don't
want to deal with adding <span>s all over the place, I am replacing the
bullet with a square red dot. It renders fine in FF, but looks pretty
bad in IE. I've tried looking around for other solutions, but I'm coming
up short. Any suggestions would be appreciated.
Here's the CSS:
ul.squareNoIndent {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
color: #666666;
margin: 0px 0px 15px 0px;
padding: 0px;
list-style-position: inside;
list-style-image: url(../images/red_sqare_dot.gif);
}
And here's a URL to a page using the style. Note the position of the
bullet between FF and IE.
http://www.id.iit.edu/~colbath/stuff/ExternalSiteRedux/Geoff/2.2.html
Thanks,
-=gc=-
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
