Draggable() начальные координаты!

[SDHP]

Допустим есть div 500х500px, и в нём div поменьше, если не позиционировать его через стиль, то он будет в левом верхнем углу поля.

Вопрос: Как же задать ему начальные координаты? Чтобы он не висел в верхнем левом углу... ?

[Deff]

<style type="text/css">
#div1{
   position:relative;
   top:60px;
   height:300px;
   width:300px;
   margin:0 auto;
   border:2px solid blue;
}
#div2{
   position:relative;
   height:200px;
   width:200px;
   top:50%;
   margin:-100px auto 0 auto;
   background:#FF3CEE;
   border:2px solid red;
}
</style>
<div id=div1>
	<div id=div2>
      и в нём div поменьше,
	</div>
</div>

[devote]

решение IE8+

<style type="text/css">
#div1{
   display: table-cell;
   height:300px;
   width:300px;
   border:2px solid blue;
   vertical-align: middle;
}
#div2{
   height:200px;
   width:200px;
   background:#FF3CEE;
   border:2px solid red;
   margin: 0 auto;
}
</style>
<div id=div1>
    <div id=div2>
      и в нём div поменьше,
    </div>
</div>

[bes]

<style>
div {
	border: solid 1px;
}
#div1 {
	height: 500px;
	width: 500px;
}
#div2 {
	height: 200px;
	width: 200px;
	margin: 150px;
}
</style>
<div id=div1>
	<div id=div2>
      и в нём div поменьше,
	</div>
</div>