Ya lo logré, pero ahora me pasa esto, este es mi html:
<ul>
<li>Consultor Naval, Tramites ante DGMM, calculos de Arqueo, Francobordo, Cuaderno de Estabilidad, Planos en General</li>
<div style="background-image:url(punteado.png); height:1px; margin-left:15px;"></div>
<li>Consultor Naval, Tramites ante DGMM, calculos de Arqueo, Francobordo, Cuaderno de Estabilidad, Planos en General</li>
<div style="background-image:url(punteado.png); height:1px; margin-left:15px;"></div>
</ul>
y lo que hago es que despues de un li me ponga una linea de un pixel como divisor, y lo que quiero es que el texto quede en medio de las lineas divisoras de los li ejemplo:
esto quiero:
------------------------------------
asasffas
------------------------------------
asdasfaf
------------------------------------
Esto es lo que me sucede hay mucho espacio en la parte de arriba como lo puedo solucionar?:
------------------------------------
asdasdf
------------------------------------
asffsfafa
------------------------------------
Les muestro mi css
ul{padding-left: 0px;margin-left:0px;}
li{background: url(../img/vineta.jpg) no-repeat ;margin-bottom: 10px;list-style:none; margin-top:10px;}