I'm trying to use the instructions here to create a ul list type with orange bullets. I also have a UL with blue bullets. (Background is I just inherited this site, blue bullets are from previous admin)

There are two problems. The biggest is that both the blue and the orange bullets show up when I use the orange bullet UL class. The second is that I can't seem to get the spacing to work from the instructions in the link above so the orange bullet appears in the middle of the text.

ul {
list-style-image: url("bluebullet.png");

list-style-type: none;
padding: 0;
margin: 0;

.smallorng li
background-image: url("smallorangebullet.png");
background-repeat: no-repeat;
background-position: 1 em;
padding-left: 20 em;

<ul class="smallorng">
<li>item 1</li>
<li>item 2</li>