Immagine che scende insieme allo scroll della pagina

[felino]

Immagine che scende insieme allo scroll della pagina

Salve utenti,
vorrei chiedervi un aiutino...

Vorrei che un'immagine scenda insieme al contenuto della pagina ma che sia ad un margin-top: 511px e magari che tenga una cerca distanza dal bottom.

Ho questo codice:

        <div id="left">
            <a href="index.php"><img src="logo.jpg" /></a>
        </div>

/*SCROLL DEL LOGO*/
    var name = "#left";
    */ALTEZZA INIZIALE*/
    var menuYloc = 311;
    
        $(document).ready(function(){
            //menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
            $(window).scroll(function () { 
                offset = menuYloc+$(document).scrollTop()+"px";
                $(name).animate({top:offset},{duration:500,queue:false});
            });
        }); 

Il CSS:
#left{
float:left;
width:261px;
position:absolute;
}

Però non funziona bene come vorrei..qualche suggerimento o JS alternativo?

Grazie!