hover эффект "transform" на картинку товара. помогите

[makarella]

Здравствуйте, сегодня столкнулся с проблемой добавления hover эффекта на картинку товара в категории.

 

Добавляю в stylesheet.css:

.product-grid .image:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
   transition: all 0.2s linear;
} 

На выходе жду что картинка будет "зумиться" внутри блока, а получаю что блок увеличивается вместе с картинкой. Что я не так делаю? Прошу помощи.

[makarella]

.product-grid .image img {
width: 100%;
-webkit-transition: all 3s ease 0s;
-moz-transition: all 3s ease 0s;
-o-transition: all 3s ease 0s;
-ms-transition: all 3s ease 0s;
transition: all 3s ease 0s;
}
.product-grid .image img:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}

 

Все так же как и было. Вставлял прям ваш код.

[makarella]

я дал не готовый пример , а то, куда Вам двигаться...

я без понятия что вы там правили и куда и что добавляли...

у меня это работает без проблем

ну по логике все должно работать.