deseo mostrar una lista de deficinicion a dos columnas y se ve mal en Firefox y bien en Internet Explorer. aunque yo diria "se ve bien, solo que hay algo que hago mal", porque no entiendo que esta ocurriendo.
resulta que se pintan las columnas pero el firefox no permite ningun elemento a la derecha de los DT de la columna de la izquierda, y el explorer si que lo hace como quiero
Código HTML:
<html>
<head>
<style type="text/css">
.izq {
border: 1px solid blue;
padding:0;
margin: 0;
width: 45%;
float: left;
clear: left;
}
.der {
border: 1px solid red;
padding:0;
margin: 0;
width: 45%;
float: right;
clear: right;
}
.espacio {
clear:both;
}
</style>
</head>
<body>
<dl>
<dt class="izq">item1</dt>
<dd class="izq">descripcion1</dd>
<dt class="der">item2</dt>
<dd class="der">descripcion2</dd>
<dt class="espacio"></dt>
<dt class="izq">item3</dt>
<dd class="izq">descripcion3</dd>
<dt class="der">item4</dt>
<dd class="der">descripcion4</dd>
<dt class="espacio"></dt>
<dt class="izq">item5</dt>
<dd class="izq">descripcion5</dd>
</dl>
</body>
</html> como hacer que se vea bien las columnas?
gracias por vuestra ayuda