li en explorer

[elena_22]

Hola me he estado rompiendo el coco y no le hallo.

Tengo una lista de titulos, pero ocupan dos lineas, les he puesto una imagen como list-style pero cuando lo veo en explorer la la segunda linea se pone debajo de la viñeta y lo que quiero es que el texto este alineado igual:

Esto es lo que pasa:

>> Avalúos a embarcaciones
de todo tipo, trafico y servicio

Esto es lo que quiero:

>>Avalúos a embarcaciones
de todo tipo, trafico y servicio

Alguien sabe como puedo componerlo??????

[gVenom]

te recomiendo resetear el css

Código CSS:

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left;}
 
img, a img, form, fieldset {border: 0;}
 
body            {
                font-size:72%;
                font-family:Arial, Helvetica, sans-serif;
                line-height:1.9em;
                color:#434343;
                background:#FCFCFC;
                }
                
a               {outline:none;}
 
a:hover         {
                text-decoration:none;
                color:#7B7B7F;
                }
 
p               {
                margin:0 0 1em 0;
                padding:0;
                }
 
small           {font-size:0.8em;}
 
h1              {
                font:3.45em Arial, Helvetica, sans-serif;
                color:#000000;
                line-height:0.9em;
                *line-height:1em;
                padding-bottom:15px;
                }
                
h2              {
                font:2.5em Arial, Verdana, Helvetica, sans-serif;
                line-height:1.2em;
                color:#2A313A;
                padding-top:5px;
                padding-bottom:20px;
                }
                h2 a    {
                color:#2A313A;
                text-decoration:none;
                }
 
h3              {
                font:2em Arial, Verdana, Helvetica, sans-serif;
                color:#2A313A;
                padding-bottom:10px;
                }
                
h4              {
                font:1.25em Arial, Helvetica, sans-serif;
                line-height:1em;
                padding-bottom:8px;
                text-transform:uppercase;
                }
 
h5, h6          {
                font:1.3em Arial, Helvetica, sans-serif;
                color:#2A313A;
                padding-bottom:8px;
                }
                
ul, ol          {
                margin:0;
                padding:0 0 20px;
                }
                
ul              {list-style:none;}
                
ul li           {
                margin:0;
                padding:5px 0;
                color:#434343;
                }
                
ul.unordered li {
                margin:0;
                padding:5px 0 5px 21px;
                background:url(../images/arr.gif) 0 9px no-repeat;
                }
                
ul li a         {
                color:#434343;
                text-decoration:none;
                }
 
ol li           {
                margin:0 0 0 2em;
                padding:0;
                color:#434343;
                }
                
blockquote      {
                margin:0 0 20px;
                padding:0 0 0 60px;
                color:#959595;
                font-size:1.3em;
                font-style:italic;
                background:url(../images/quotes.png) 10px 5px no-repeat;
                }
                
.quoteleft      {
                width:240px;
                margin:0 30px 10px 0;
                float:left;
                }
                
.quoteright     {
                width:240px;
                margin:0 0 10px 30px;
                float:right;
                }
 

[elena_22]

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;}

[LinkLooker]

Intenta quitandole al margin top

[gVenom]

el problema puede ser que le estas aplicando 20px de margen:

Código CSS:

[B]margin-bottom: 10px[/B];list-style:none; [B]margin-top:10px[/B];}
 

10 para arriba y 10 para abajo. Trata poniendole unos 4px nada mas