Hello,
I'm building a webpage
http://preview.tinyurl.com/yvgbqgI need to list the (many) speakers at a conference and I will later add the titles of the talks as a sub level. This was frustrating to do because I need the list single spaced, without the annoying circle bullets
With the CSS code
===
ul.sample {
list-style-type: none; <!-- none = no circle, inherit = circle-->
list-style-image: inherit;
list-style-position: outside; <!-- inside, outside -->
circle: outside;
text-indent: 0em;
white-space: normal;
margin-top: 0;
margin-bottom: 1;
}
ul.listlist {
list-style-type: none; <!-- none = no circle, inherit = circle-->
list-style-image: inherit;
list-style-position: outside; <!-- inside, outside -->
circle: outside;
text-indent: 0em;
white-space: normal;
margin-top: 0;
margin-bottom: 0;
}
===
it looks great in IE but terrible in Firefox. How can I fix this problem? Is there an alternative within CSS? I prefer not to switch to nested tables, those are messy. But I am open to suggestions.
