Reducing the gap between a bullet and text in a list item

I’m not sure whether this is the best way to do it, but you could specify a negative text-indent:

li {
    text-indent: -4px;
}

…where your HTML code looks like:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

(Tested in Safari 4.0.4 and Firefox 3.0.11.)