Joomla 1.5 Помогите решить проблему с блоком новости!

Посмотрите, пожалуйста! У меня на главной странице сайта есть маленькие анонсы новостей (12 блоков). И в них есть серое полупрозрачное поле.
И сейчас возникла проблема.
Если заголовок статьи больше 21 символа, то текст попросту не помещается и вылезает из рамки.
Как сделать так, что б высота блока регулировалась в зависимости от длинны заголовка. Например, в заголовке 30 символов. Как сделать так, что бы по умолчанию показывался 21 символ, а при наведении мыши полупрозрачный блок увеличивался до нужных размеров, в котором и будет полный заголовок длинною в 30 символов.
Думаю, что понятно объяснил.
Очень прошу совета!

 

Задействовать dhtml: например, удобно с библиотекой jQuery или «родной» для Joomla библиотекой MooTools.
Сценарий примерно такой:
1. блок фикс. размера, overflow: hidden; чтобы не было видно тот текст, что не вписался по длине;
2. JS должен «знать», какая высота нужна, чтобы вместить все. Проще сделать ее тоже фикс, если ты знаешь, что там макс. 2 (или 3) строки.
3. по событию наведения мышки нужно плавно изменить высоту и положение блока, чтобы это выглядело, как будто он «растет» вверх.
4. по событию ухода мышки с этого блока – вернуть высоту и положение в «свернутое» состояние.

 

Или можно хотя бы сделать так, что бы блок полностью отображался (высота пока не важна).
Т.е. если в h3.catItemTitle-s изменить высоту с 21px на auto; текст как бы находится в блоке, а блок съезжает вниз.
блин, наверное нифига не понятно расписал. если поймёте о чём я, то помогите пожалуйста. добавлю пару скринов

 

Итак,
№1 - то что сейчас
№2 - если изменить высоту с 21px на auto;
№3 - Что бы было так.

Есть идеи?

 

*update*

 

*update*