چرخش عکس در کادر (بدون اینکه از کادر بیرون بزند )

[SM-Mahdavi 5428]

سلام

به عنوان مثال این کد را دارم:

<div class"p"><img src="img1.jpg"></div>

می خوام عکس داخل دیو رو transform بدم بدون اینکه از دیو بیرون بزنه. یعنی داخل همون دیو بچرخه. چه استایلی باید به دیو اضافه کنم؟

[imanfakhar 26231]

.p {
width:150px;
height:150px;
overflow:hidden;
}
.p:hover img {
-moz-transform: rotate(7.5deg);  /* FF3.5+ */
-o-transform: rotate(7.5deg);  /* Opera 10.5 */
-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
-ms-transform: rotate(7.5deg);  /* IE9 */
transform: rotate(7.5deg); 
filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7 */
M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";
}

[SM-Mahdavi 5428]

مرسی استاد