I have two gear icons, and when you hover over the div I would like for them to spin, I have it working right now using the http://code.google.com/p/jqueryrotate/ code, however, I am getting some odd results, in Firefox the rotation is off center, however, in Google Chrome, Safari and IE it works better, this is the code I am using:
$(document).ready(function()
{
$('#how-it-works').hover(
function()
{
$('#small-gear').rotate({animateTo:360,duration:1500})
$('#large-gear').rotate({animateTo:-360,duration:1500})
}, function()
{
$('#small-gear,#large-gear').rotate({animateTo:0})
});
});
Are there any other cross-browser methods of accomplishing this? I have searched Google but I haven’t had much luck.
