Aquí de nuevo peleándola...
He buscado info sobre bugs css en firefox pero sólo encontré bugs de seguridad.
A ver si alguien sabe algo al respecto y cuál podría ser la solución.
Exposición:
menú a la izquierda con posicionamiento relativo (sin posicionamiento ocurre lo mismo)
contenedor central que contiene título y contenidos
contenedor de contenidos que carga listado de noticias, cada item del listado incluye:
- titulo noticia
- fecha noticia
- imagen con un float: left
- primeros x caracteres del texto de la noticia
- link a noticia completa
Si la altura de la imagen es mayor que el texto que flota a su lado la imagen se sobrepone a la siguiente noticia. Solución: aplicarle un clear (left/both) al siguiente contenedor (donde se incluye el link a la noticia completa)
Perfecto para Explorer y Mozilla pero tanto Firefox como Opera disparan la altura del cuadro
Vista con
explorer y
mozilla 
Vista con
firefox y
opera 
http://www.tunait.com/pruebas/bug/bugfirefox.htm
Lo curioso es que esto sólo afecta a la primera noticia, pero no al resto.
Si la misma noticia pasa a ser la segunda entonces se ve bien y afecta a la primera
http://www.tunait.com/pruebas/bug/bugfirefox2.htm
...y ocurre lo mismo si se agregan más noticias.
http://www.tunait.com/pruebas/bug/bugfirefox3.htm
Pero hay una forma en la que entonces el problema se arregla y es posicionando el contenedor del menú en forma absoluta (o quitando el contenedor del menú)
http://www.tunait.com/pruebas/bug/bugfirefox4.htm
La cuestión es que el menú no puede usar posicionamiento absoluto pues es contráctil y al abrir alguna opción debe empujar hacia abajo al contenedor inferior (pie) y posicionado en forma absoluta no lo hace y le pasa por debajo.
Dejo aquí el reporte, si alguien me puede confirmar que es un bug o si es culpa mía y si saben alguna forma de solucionarlo.
De momento he quitado el clear y quien agregue la noticia que se encargue de controlar que la imagen no sea demasiado alta. Tras pelear varias horas tiré la toalla y lo dí por imposible.
Saludos
