A continuación os pongo el código donde tengo el problema
Con Internet Explorer se ve correctamente, es decir, la palabra "esto es un texto" rodeado de un borde y de un color de fondo.
Pero con Firefox no baja la altura de ese borde.
Si le pusiera al UL un height si que se vería, pero realmente iría un contenido dinámico que variaría la altura de la UL y no me valdría.
PD: Se que con DIV estaría todo solucionado, pero mi pregunta es por qué con UL no me sale.
Saludos y gracias
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titulo</title>
<style type="text/css">
<!--
ul#ejemplo{
position:relative;
width:1000px;
margin:0px;
padding:0px;
border:1px solid #C08130;
background-color:#EFE3D3;
}
ul#ejemplo li{
position:relative;
float:left;
list-style-type:none;
margin:0px;
padding:0px;
}
-->
</style>
</head>
<body>
<ul id="ejemplo">
<li>Esto es un texto</li>
</ul>
</body>
</html>