Triângulo CSS com altura dinâmica

Querendo saber se alguém pode ajudar com um problema de CSS que estou tendo .. veja este jsbin:http://jsbin.com/uviyat/2/edit

Observe "Exemplo de frase longa" - como posso fazer com que o indicador de seta triangular seja dimensionado verticalmente para preencher dinamicamente a altura da área azul selecionada? (O triângulo é gerado na última regra css ..)

Estou perplexo! Alguém tem alguma ideia?

Desde já, obrigado..

EDITAR - desde a resposta de Zoltans, eu tive uma chance com o Jquery aqui:http://jsbin.com/uviyat/12/edit Não tem certeza se é a melhor maneira de fazer isso? De onde vem o valor '16'?

questionAnswers(2)

yourAnswerToTheQuestion