[valyan]

Здравствуйте. Есть два div`a.

<div id="YMapsID" >
  <div id="dialog" title="Basic dialog">
    <input type="button" id="EditBtn" style="width: 100px;" value="Править"/>
    <input type="button" id="ApplyBtn" style="width: 100px;" value="Готово"/>
  </div>
</div>

#YMapsID 
{
    border: 1px solid silver;
    width: 80%;
    overflow: auto; 
    height:90%;
    float: left;
    z-index:1;
}

#dialog
{
	 
	border: 1px solid silver;
	margin: auto; 
	padding: 10px; 
	border-radius:10px;
	width : 250;
	position:absolute;
	z-index: 999;
	height:500px;
	display: none;
	background: rgba(220, 220, 220, 0.75);
}

Сейчас второй див (#dialog) поверх первого (#YMapsID), второй див перемещается по всей странице. Как сделать чтобы второй див(#dialog) перемещался только впределах первого (#YMapsID). Для перемещения использую jquery.easydrag.js.