Вопрос Блог в joomla 2.5

Здравствуйте. Пытаюсь изменить внешний вид категории блога. В меню задал суффикс. В css прописал

Код (css):

1. .blogcss {
2. max-width: 823px;
3. }
4. .img-intro-left{
5. min-width:411px;
6. }

Этот класс(mg-intro-left) определился при осмотре изображения с помощью firebug img-intro-left. Но изоброжения не уменьшились до нужного размера и не растянулись. Как правильно обращаться к этим изображениям? через .blogcss что то не выходит (




сайт: explay.wliit-web.ru

 

Спасибо, понял и сразу возник еще один вопрос)
Пытаюсь сделать, чтобы при наведении курсора на изображение, поверх этого изображения появлялась картинка. На сайте при наведении мышки ничего не происходит, но в css через firebug появляются мои значения. Сначала я решил что слой изображения из материала выше слоя иконки при наведении но z-index не помог. После чего я решил проверить, выводится ли вообще эта иконка позади изображения из материала, использовав opacity:0 на изображение из блога. Но при наведении на прозрачную область с картинкой снова ничего не появилось, ни перед, ни за ним. Но в коде снова всё отображается нормально.
В данный момент изображения в блоге категорий не кликабельны и я думаю что скорее всего надо сначала копать сюда, а потом уже с эффектом hover.

Код (css):

1. .img-intro-left img:hover{
2. background-image: url(magnifier.png);
3. background-color: rgba(0, 0, 0, 0.1);
4. background-position: 50% 50%;
5. background-repeat: no-repeat;
6. z-index: 300;
7. }

Вот что показывает firebug