problem with my dialogbox code

problem with my dialogbox code

hey guys,
I am trying to work on this dialogbox,I managed to do it,but still got some problems with position property even I use normal direction like top and left and use coordinates,but still both of them don't work
here is my code:
 <html>
<head>

 <html>
<head>

<link rel="stylesheet" href="jqueryui/jquery-ui.min.css">
<script src="jqueryui/external/jquery/jquery.js"></script>
<script src="jqueryui/jquery-ui.min.js"></script>
<style>



</style>

<script type="text/javascript">
$(document).ready(function(){
$('#click').click(function(){
$('#dialog').attr('title','saved').text('this is the dialog box!').dialog({buttons:{
'OK':function(){
$(this).dialog('close');

}

}, closeOnEscape: true, draggable:false, resizable: false, show:'fade', modal:true, position:[100,100]});
});
});
</script>
</head>

<body>
<input type="button" value="click" id="click" />
<div id="dialog"></div>

</body>




</html>