Image Re positioning in jquery

[nedindips]

I want to set the axis of a image inside div on the time of dragging.for this I am using jquery ui: draggable function. But its behavior is not according to requirement. \[code\]<div id="photo_container"><img id="profile_pic" src="http://1.bp.blogspot.com/-ERPa9-zC-N8/UIkwNj_4JoI/AAAAAAAAAE4/akX3NIBh_Sw/s1600/cartoon_wallpaper.jpg"/>\[/code\]\[quote\] Look at Live example for whole code\[/quote\]In above html, height of div is less than \[code\]<img>\[/code\] so when I try to drag and re position the image. it jumped to the start or end point.Live ExampleI have googling but I didn't find any good answer. Anybody here can help me, please.