بزرگ شدن نمایشی عکس بدون تغییر عناصر دیگر

[forodo]

سلام
من با کدهای زیر عکس رو نمایشی بزرگ می کنم ولی موقع بزرگ شدن عناصر زیر عکس به پایین حرکت می کنند.
.Pic img:hover
{
-moz-transform:rotate(360deg);
width:236px;
height:315px;
}
چطور می شه اونهارو ثابت نگه داشت؟

[zahra-j]

.img-hor img
{
width:120px;
height:120px;
-o-transition:-moz-transform 1s 0.3s;
-ms-transition:-moz-transform 1s 0.3s;
-webkit-transition:-moz-transform 1s 0.3s;
-moz-transition:-moz-transform 1s 0.3s;
transition:-moz-transform 1s 0.3s;
}

.img-hor img:hover
{
-moz-transform:rotate(360deg)scale(3.5,2.5);
-ms-transform:rotate(360deg)scale(3.5,2.5);
-o-transform:rotate(360deg)scale(3.5,2.5);
-webkit-transform:rotate(360deg)scale(3.5,2.5);
transform:rotate(360deg)scale(3.5,2.5);

}

با تابع scale می تونی تصویر را هر چند برابر بخواهی بزرگتر کنی بدون اینکه عناصر دیگر جابجا شوند.

[forodo]

ولی اینطوری عکس وسط صفحه بزرگ نمیشه. کمی به سمت راست میره.

[zahra-j]

.img-ver img:hover
{
-moz-transform:rotate(360deg)translate(0px,80px)scale(2 .5,3.5);
-ms-transform:rotate(360deg)translate(0px,80px)scale(2 .5,3.5);
-o-transform:rotate(360deg)translate(0px,80px)scale(2 .5,3.5);
-webkit-transform:rotate(360deg)translate(0px,80px)scale(2 .5,3.5);
transform:rotate(360deg)translate(0px,80px)scale(2 .5,3.5);

}
با translate می تونی مقدار جابجایی اون بعد از بزرگ شدن در دو جهت x و y مشخص کنی.