Переход CSS3 на фоновом изображении

Я хочу сделать преобразование CSS3: вращайтесь (360DEG); в переходе 1S; На фоновом изображении вместо отдельного изображения (элемент) .. Это возможно? Я искал, черт возьми, из Google, но нет успехов! Что я пытаюсь достичь, это что-то вроде:

#footerLogo { 
  background: url('ster.png'), 
  -moz-transition: -moz-transform 1s,
  transition: transform 1s,
  -o-transition: -o-transform 1s,
  -webkit-transition: -webkit-transform 1s;
  background-position: #outlinedtotheleft;
}
#footerLogo:hover {
  background: transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

Я надеюсь, что это возможно! Я знаю, что это легко выполняется в JS (jQuery) с:

$('#something').hover(function(){morecodehere});

... Но я хочу знать, возможно ли только с CSS (3)

HTML:

<div id="footerLogo">
  <img src="carenza.png"/>
</div>