[Ovillo] Problemas con una lista usada como galería de imágenes

Mar Nov 27 12:37:10 UTC 2007

Buenos días listeros.

Tengo una lista de imágenes, que quier que aparezca de dos en dos. Las
imágenes, normalmente serán del mismo ancho, pero no del mismo alto.

Mi problema es que si las dos primeras, en un ejemplo de 4 fotos, son
iguales de altas, es que NO hay problema. Pero si una de las dos, es más
baja (o alta según se mire), en la segunda fila de fotos en EXPLORER 7 (el
firefox lo muestra como a mí me gustaría que se mostrase) la foto que va
debajo de la más baja sube hasta el pie de la más baja, con lo que la
segunda fila de fotos no empiezan a la misma altura.

Os dejo un ejemplo de lo que hablo:

<!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=utf-8" />
<title>Untitled Document</title>
<style>
ul{margin:0;overflow:hidden;border:1px solid green;width:400px;}
ul li{float:left;margin:0.5em
0.2em;list-style:none;width:190px;overflow:hidden;border:1px
solid red;}
.quitarfloat{clear:left;}
.cuatro{float:right;}
</style>
</head>

<body>
<ul>
    <li><img src="http://img156.imageshack.us/img156/8858/lis1wb0.jpg"
/></li>
    <li><img src="http://img103.imageshack.us/img103/5440/edo3mq2.jpg"
/></li>
    <li class="quitarfloat"><img src="
http://img103.imageshack.us/img103/6927/bana5yy3.jpg"</li>
    <li><img src="http://img508.imageshack.us/img508/2671/ira1ob0.jpg"
/></li>
</ul>
</body>
</html>

Espero puedan ayudarme, y muchas gracias por todo