Triángulo CSS con altura dinámica.

Preguntándome si alguien puede ayudar con un problema de CSS que tengo ... vea este jsbin:http://jsbin.com/uviyat/2/edit

Observe el 'Ejemplo de redacción más larga': ¿cómo puedo hacer que el indicador de flecha triangular se amplíe verticalmente para llenar dinámicamente la altura del área azul seleccionada? (El triángulo se genera en la última regla css ..)

¡Estoy perplejo! ¿Alguien tiene alguna idea?

Gracias por adelantado..

EDITAR - desde la respuesta de Zoltans, he tenido una oportunidad con Jquery aquí:http://jsbin.com/uviyat/12/edit ¿No estoy seguro si es la mejor manera de hacerlo? ¿De dónde viene el valor '16'?

Respuestas a la pregunta(2)

Su respuesta a la pregunta