> Is there a way to reduce the gap between the bullet symbol and the text?
I think that is one that has not been figured out. If I'm not mistaken, there was another thread on this in the past 30 days. I believe the answer was to use an image instead of the bullet as a means of controlling the space.
I've found myself using <ol> more due to lists with more than 5 items. Clients seem to appreciate the instruction to visit link #12 on such and such a page.
You can set list-style-position: inside; or list-style-position: outside; -- I don't know how readable inside is, but it's there. outside (the default) places the bullet in the element's margin, but the CSS specs don't specify anything other than that. That suggests you can fiddle around with the margin-left property, but there's no guarantee the results will be consistent across browsers.