[Ovillo] Más problemas con listas...

Vie Mayo 23 19:11:12 UTC 2008

Hola a todos!

pues aquí sigo con mis listas y mis problemas. Después de solucionar  
el problema anterior me encuentro con otro. Quiero conseguir algo como  
esto:

------------ próxima parte ------------

He conseguido que se vea así en Firefox, Safari y Opera pero ni IE 6  
ni 7 se dejan y se descoloca todo. Estoy utilizando el siguiente  
código (lo he simplificado al máximo para intentar detectar el error):

<style type="text/css">

* {
	margin: 0;
}

div{
	width: 300px;
}

dt, dd{
	width: 40%;
}

dt{
	background: #CC0000;
	text-align: right;
	float: left;
}

dd{
	background: #33FF00;
	text-align: left;
	float: right;
}

dt{
	clear: both;
}

</style>
</head>

<body>
<div id="contenedor">
	<dl>
		<dt>Item 1</dt>
		<dd>Dato 1 Dato 1 Dato 1 Dato 1 Dato 1 Dato 1</dd>
		<dt>Item 2</dt>
		<dd>Dato 2 Dato 2 Dato 2 Dato 2 Dato 2 Dato 2</dd>
		<dt>Item 3</dt>
		<dd>Dato 3 Dato 3 Dato 3 Dato 3 Dato 3 Dato 3</dd>
		<dt>Item 4</dt>
		<dd>Dato 4 Dato 4 Dato 4 Dato 4 Dato 4 Dato 4</dd>
		<dt>Item 5</dt>
		<dd>Dato 5 Dato 5 Dato 5 Dato 5 Dato 5 Dato 5</dd>
	</dl>
</div>

¿Alguien sabe como solucionar lo de IE 6 y 7?

Gracias!

David