CSS треугольник с динамической высотой

Хотите знать, если кто-нибудь может помочь с проблемой css, которая у меня возникла ... см. Этот jsbin: http://jsbin.com/uviyat/2/edit

Уведомление & # x2018; Пример более длинной формулировки & # x2019; & # X2013; Как я могу заставить индикатор треугольной стрелки масштабировать вертикально, чтобы динамически заполнить выбранную высоту синей области? (Треугольник генерируется в последнем правиле CSS ..)

Я в тупике! У кого-нибудь есть идеи?

Заранее спасибо..

EDIT - после ответа Золтана я попробовал здесь Jquery: http://jsbin.com/uviyat/12/edit Не уверен, что это лучший способ сделать это? Где значение "16"? родом из?

Ответы на вопрос(2)

Ваш ответ на вопрос