parrafo de altura variable me queda cortado

[mayid]

Tengo una seria de resumenes de texto en un menu principal. El problema es que la longitud (o altura) de ese texto varía y a veces me queda cortado por el overflow:hidden que me he visto forzado a usar. Mirenlo aqui.

Los textos son cortados en determinado numero de caracteres por un script de lado servidor. Pero como el script mantiene saltos de linea... se hace realmente dificil saber que altura tendrá el texto resultante.

Que sugieren?

[kseso?]

Quite de ul.listado_articulos li el height que tiene declarado.
Y de propina un etiquetado algo diferente (tiene p dentro de span,...) un poquito después.

[mayid]

Muchas gracias kseso?. Lo del bloque dentro de elemento de linea es un error recurrente en mi :o\

Lo de no tener un height para el <li> me trae dudas, siendo que los textos estan flotados y que para que la flotacion sea buena todos los elementos deben guardar la misma altura. No lo ve así?

CORRIJO: lo de sacar el <li> iría perfecto para esa seccion. Me confundí. La seccion que tiene el mismo problema y que tiene flotacion es esta.

[kseso?]

Pero a esos li no debería afectarles, ya que les tiene una clase diferente:
#index_textos ul li.breve
Y sí, debería darle un repaso a su etiquetado en esas listas. Creo que reemplazar algún div por hnº (h2/h3), sacar los p y enlaces de los span, tampoco necesita meter los textos en el div class="texto"...

ouch!!! hizo cambios mientras miraba

[mayid]

Cambié la seccion de reportajes y se ve mejor, gracias.

La seccion que me preocupa ahora es la que tiene dos textos en una misma fila. Ahí la altura de los li si que es imprescindible.

Gracias kseso!

[kseso?]

Pero el retirar la altura en el selector que le indicaba en #2 no influye en el que menciona en #3 y #5
Selector de #3 y #5

#index_textos ul li.breve {
float: left;
height: 30em;
margin-bottom: 15px;
overflow: hidden;
padding: 20px 10px 10px;
text-align: left;
width: 280px;
}

selector de #2

ul.listado_articulos li