Смещение блоков....

[Jen4ik]

Здравствуйте... Дайте, пожалуйста, дельный совет! При наведении мышки на изображение происходит смещение блоков, подскажите как выйти из ситуации... Вот код:

body{
	background:#fff;
	color:#fff;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:12px;
}
div{
 border:1px solid #fff;
  margin:0px auto;
  background:#ddd linear-gradient(-45deg, #fff,#ddd,#fff);
  border-radius:7px;
  box-shadow: 0 16px 10px -16px #555,
              0 0 0 1px #ddd;
}

img{
  width: 32px;
  height: 32px;
  border-radius:5px;
  box-shadow: 0 0 0 1px #fff;
  transition:all .25s ease-in-out;
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  -ms-transition:all .25s ease-in-out;
}
img:hover{
  width: 48px;
  height: 48px;
  box-shadow: 0 15px 9px -9px #666,0 0 6px 0 #ccc;
  border-radius:5px;
  CURSOR:  pointer;
}

[Naive]

margin: -8px;

но из-за трансишна во время анимации всеравно будет прыгать, лучше юзать трансформ

[Jen4ik]

Спасибо, помогли "трансформеры" )))