draggable scroll area pan jquery UI

HTML

<div id="range">
    <div id="container">
        <div id="map">
     eo
        </div>
    </div>
</div>

CSS

#range {
    width:400px;
    height:400px;
    overflow:hidden;
    border:1px solid black;
    position:relative;
}
#container {
    position:absolute;
    top:-800px;
    left:-1520px;
    width: 3440px;
    height: 2000px;
}
#map {
    width: 1920px;
    height: 1200px;
    top:800px;
    left:1520px;
    background-image:url('http://www.hdwallpapers.in/walls/enchanted_forest-wide.jpg');
}

JavaScript

jQuery("#map").draggable({
        containment: $('#container')
    });