Dialog positioning problem

Dialog positioning problem

Hi all,

I coded css styles for my dialog box. However the classes and features given automatically (below) makes a box positioned differently. How can I set them (e.g. widht: 300px). Thanks.

  1. <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable ui-resizable" style="position: relative; height: auto; width: 300px; top: -8763px; left: 525px; display: block;" tabindex="-1" role="dialog" aria-describedby="diyalog" aria-labelledby="ui-id-1">