Draggable only in a div
===

For example, I've got this code
    
    <div class="project">
      <div class="main">
        Here are many images
      </div>
    </div>

The div.project has width as the width of body, the width of div.main is sum of width of all images inside it, and it's much wider that body. Images have float:left of course.

How to make (using draggabl or something else) that i can move right/left to see all the images.