I'm making a css3 only Polaroid effect for my personal site. I was almost all done but I hit a snag here trying to combine multiple effects. See..

on hover spin
http://www.visibilityinherit.com/projects/spin.html

on hover NO spin
http://www.visibilityinherit.com/projects/polaroid.html

I WANT it to spin. It stops spinning in all browsers if I either add "scale(1.5,1.5)" to the :hover OR add "transform:rotate(10deg);" to it's default state. It seems the way I have it it cant do all three. Can you find a way to make it do all three effects? Thanks