$(document).ready(function(){
    $(".rollover").mouseenter(function(){
        $(this).animate({
            backgroundPosition: "0 0"
        }, 300);
    });
    $(".rollover").mouseleave(function(){
        $(this).animate({
            backgroundPosition: "0 32px"
        }, 300);
    });
});