Scrolla ned, div flyter upp?

Hej,

Jag försöker uppnå en effekt som liknar den som återfinns på den här sajten: http://www.geoffroydeboismenu.com/

Där menyn flyter upp när man scrollar ned och överlappar, i detta fall, "bild" divven.

Koden jag har för stunden är denna:

$(window).scroll(function(){            
    $("#container").stop().animate({ "marginTop": ($(window).scrollTop() + 30) + "px"}, "slow"); 
});

Men den koden gör i princip det motsatta; divven följer med ned när man scrollar, istället för att "åka" upp.

Det jag är ute efter är att min #container div ska överlappa min #slider div.

Hur uppnår jag den här effekten på smidigast sätt? Tacksam för all hjälp!