увеличение картинки при наведении курсора

Здравствуйте! Есть страница с 3 колонками фото 200x200. Надо, чтобы при наведении курсора картинка увеличивалась в 1.5 раза. С правой и левой колонками проблем не возникло, только со средней-картинка мигает, но не увеличивается. С чем это может быть связано? В html использовал

и

, в css -

img.img.left{

float:left;

margin:0px 15px 5px 0;

max-height: 300px;

max-width: 300px;

}

img.img.left:hover{

transform:scale(1.5) translate(-15px, 30px);

transition: all 0.3s linear 0.3s;

}

img.right{

float:right;

margin:0px 35px 20px 20px;

max-height: 300px;

max-width: 300px;

}

img.img.right:hover{

transform:scale(1.5) translate(-16px, 25px);

transition: all 0.3s linear 0.3s;

}

Пробовал и другие варианты из И-та. Заранее спасибо!