Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/04/2008, 21:53
Jamati
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 16 años, 2 meses
Puntos: 3
Altura de <li> diferente para FF y IE

Hola, el siguiente codigo, muestra diferente las alturas del <li> en los ambos navegadores... mientras que en FF parece como que el texto se sale de la celda, en Explorer no se me achica a 13px como puse en el estilo.

O sea en ambos me aparece mal, alguien sabe por que ??

Código HTML:
<html>
<head>
<title></title>
<style type="text/css">
ul {margin:0;padding:0;} 
li {list-style:none;}

div {width:600px;border:1px solid #CC0000;position:absolute;}
div ul {width:250px;border:1px solid #4286B9;position:relative;float:left;}
div ul li {height:13px;border-bottom:1px solid #E5E5E5;}
div ul span {font:10px Arial,Helvetica,sans-serif;color:#000000;}
</style>
</head>
<body>
<div>
  <ul>
    <li><span>TEXTO VERTICALMENTE INFERIOR</span></li>
    <li><span>TEXTO VERTICALMENTE INFERIOR</span></li>
    <li><span>TEXTO VERTICALMENTE INFERIOR</span></li>
   </ul>
  <ul>
    <li><span>TEXTO VERTICALMENTE INFERIOR</span></li>
    <li><span>TEXTO VERTICALMENTE INFERIOR</span></li>
    <li><span>TEXTO VERTICALMENTE INFERIOR</span></li>
   </ul>
</div>
</body>
</html>