Joder!... probé con lo siguiente:
.vineta {background:url(../images/04_bullet.gif) no-repeat 0px 4px; padding:0 0 0 10px; margin:0 0 0 20px;}
<div class="vineta">texto viñetado</div>
<div class="vineta">texto viñetado2</div>
<div class="vineta">texto viñetado3</div>
E igualmente me deja el espacio entre líneas !!! Me deja un espacio como de un <br /> <br />
Si lo hago con un span... entonces si el texto de la viñeta es muy largo a la segunda linea no le pone margen.