Rotating IMG Hover

CSS:
-------------------------------------------------------------------------------------------

p #efekberputar img { /* untuk efek berputar 360deg ketika dilewati cursor dan ditinggal */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    }

p #efekberputar img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    }



HTML:
-------------------------------------------------------------------------------------------

<p id="efekberputar">
    <a href="">
    <img border="0" src="" /></a>
    </p>