Background scorrevole in una <div>

$(".panoramica").animate({
            backgroundPosition:"-1250px"
        },12500);

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".panoramica").css("background-position","-1750px");
    });
</script>
<style type="text/css">
    div.panoramica {
        margin:auto;
        width: 550px;
        height: 188px;
        background-image: url("panoramica-monte-piana.jpg");
        transition: all 7.0s ease-in-out 0s;
        background-position:0;
    }
</style>
<div class="panoramica"></div>