Rotate i obracajacy obrazek Opcje

[Maze123987]

Witam, chciałem stworzyć klasę, która obracać będzie obrazek po najechaniu na niego
Udało mi się stworzyć coś takiego:

[HTML] pobierz, plaintext 
.obraz {
    overflow: hidden;
    transition-duration: 1s;
    transition-property: transform;
}
.obraz:hover {
    transform: rotate(360deg);
     -webkit-transform:rotate(360deg);
     -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
}
[HTML] pobierz, plaintext 

Pytanie tylko, co zrobić, aby obracał się sam obrazek po najechaniu, a nie zawartość całego spanu.

[HTML] pobierz, plaintext 
<span class="obraz klasazobrazkiem">tekst</span>
[HTML] pobierz, plaintext 

Chciałbym, aby obrazek obracał się zarówno po najechaniu na tekst jak i obrazek, ale sam tekst nie obracał się nigdy.

"klasazobrazkiem" to klasa w css, która zawiera link do obrazu.