[Ovillo] Listado con elementos de listado flotantes

[Julio Loayza Herrero]

Hola.

Esta es mi primera participación en la lista, a ver si alguien puede  
me aportar un poco de luz :-)

Soy un poco purista del código y no me gusta nada usar hacks, aunque a  
veces sea irremediable.

Me planteo: Si tenemos un listado (ul por ejemplo) y con todos sus  
elementos flotantes ¿Cómo hacer para que el listado (ul) no aparezca  
"vacío"? Es decir, para que tome la altura de los elementos contenidos.

No sé si me explico, pero lo podemos ver claro en este ejemplo que he  
preparado:

http://stanque.com/demos/css/listas.html

El listado tiene fondo negro, pero el fondo no acompaña a los  
elementos, puesto que son flotantes y estos pierden su posición.

Sé que la solución "visual" es muy sencilla con sobreetiquetado y  
algún hack, como embebiendo el listado con un div y poniendo un  
"clearfix" detrás del mismo.

Como hack "light" se me ocurrió colocar un elemento de listado vacío  
al final, con clear both. Pero no funcionó.

¿A alguien se le ocurre alguna solución que no conlleve sobreetiquetado?

Gracias a todos, ¡un saludo!

julio loayza

stanque