In one of my web pages, there is a div containing an image wider than the div (container). In order to view it completely, it is to be moved by mouse.

My problem arises when, moving it to the right, and to other directions as well, it goes on beyond the edge instead of stopping at the end of the shot.   I made some attempts:

{containment: "parent"} 

When the image is moved, it jumps then stopping random.
Also, when dragging the image, the cursor remains the one defined by (css) ? and does not change, though I stated:

{cursor: "move"}

Here is the link with the page malfunction:
http://www.parcomonza.org/v4-0/mappa-parco_pc.htm