Корявый вывод новостей. что изменить в CSS? - Вопросы по CSS

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

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

max-height попробуй

нифига не получается

update!

components.css  строка 391
для
h3.catItemTitle-s {...}
замените height на min-height:43px; - все блоки станут одной высоты (для надписи в две строки).
если хотите их приподнять меняйте margin: -24px 6px 0 5px; на margin: -50px 6px 0 5px;
да на всякий случай добавьте word-wrap: break-word;

как-то так, разберетесь дальше, я думаю. особенно после установки FireBug.

Спасибо!

Проблемка осталась..
в Firefox немного смещается этот блок. хотя в остальных браузерах всё отлично

хак для лисы

хак для лисы

Код

@-moz-document url-prefix(){h3.catItemTitle-s {...}} 

этот код тоже в component.css прописывать?

ну-да, его видит только Mozilla. вместо ...  пишите нужные свойства