[SOLVED] Simple CSS question - how to increase right margin of custom bullets

Wimbledon · #1 Jun 5, 2010, 03:24 PM

My new site under construction running 3.5.1:
http://bit.ly/bucIv7

I followed this CSS from post #14 of the stickied thread at the top of the forum to use my own images as bullets:

Code:

div.widget ul li {
border-left: 0 !important;
padding-left: 15px !important;
background: url(/wp-content/themes/atahualpa334/images/icons/default-image.gif) no-repeat 0 3px;
}

div.widget ul li:hover,
div.widget ul li.sfhover {
border-left: 0 !important;
padding-left: 15px !important;
background: url(/wp-content/themes/atahualpa334/images/icons/hover-image.gif) no-repeat 0 3px;
}

How do I add 1px or 2px of space to the right of the bullets? I've tried padding-right and margin-right, each with !important, but neither seem to work.

Hopefully this is a simple question for someone out there?