position the diaglog box right side of the window
<p>I like to create a dialog box when clicked on a link as the following example. It works so far but the dialog box is always appear on the center window. I like to change this and position it to be on the right side of the window. Any ideas how I can tackle this?</p>

<pre><code>&lt;script type="text/javascript"&gt; 

          $(function() {
          $("#lin").click(function(){
            $( "#dialog" ).dialog();
           });
      });
});
</code></pre>

<p>html:</p>

<pre><code>&lt;li&gt;&lt;a id="lin" href="#"&gt;link&lt;/a&gt;&lt;/li&gt;

    &lt;div id="dialog" class="def" title="title" style="display:none;"&gt;
       &lt;p&gt;thi is the text in the dialog&lt;/p&gt;
    &lt;/div&gt;
</code></pre>
