как создать скользящий div внутри другого скользящего div

я хочу вставить div внутри другого div, как показано fiddle, но мои div имеют плавающий тип. как я могу воспроизвести тот же эффект fiddle2 с белым полем с текстом "яблоко", чтобы скользить внутри черный div содержит его. мой код javascript

$(document).ready(function () {
    $('#container').mousemove(function (e) {
        var x = e.pageX - this.offsetLeft;
        $("#recent").text(x + " , " + e.pageX + " , " + $("mainslide").left);
        if (e.pageX <= $(window).width() / 2) 
            $('#slider').css({'left': $(window).width() - e.pageX });
        else 
            $('#slider').css({'right': $(window).width() - e.pageX });
    });
});