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

Здравствуйте!
Есть страница с 3 колонками фото 200x200. Надо, чтобы при наведении курсора картинка увеличивалась в 1.5 раза. С правой и левой колонками проблем не возникло, только со средней-картинка мигает, но не увеличивается. С чем это может быть связано? В html использовал <img class="img left"> и <img class="img right">, в 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;
}
Пробовал и другие варианты из И-та. Заранее спасибо!