Jquery UI dialog in wordpress admin

Question

i am attempting to use the jquery UI dialog script in my wordpress theme admin page. everything is straight from the UI demo and yet i end up with a dialog box that looks like : http://flic.kr/p/8gAPt6 notice the dialog is not popped up over anything and instead buried in bottom corner, just before the closing body tag.

the UI dialog script is queued properly w/ wp_enqueue_script as its shows up in the source code as does jquery (from google API) and the UI core.

jQuery(document).ready(function($) {
    $("#dialog").dialog();
}); //end onload stuff

then i have this in my options page.

<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

Any help would be much appreciated. For something that claims to be so easy I am having a hella time w/ these UI tools. Is there something easier for using w/ wordpress? I already tried the tabs from jquery tools (flowplayer) and that just made me want to break something. now i have tabs from UI Tools and want to break heads now that i am on to dialogs and buttons.

Answer 1

I don't know if it makes any difference (because I'm not in the right place to do any testing at the moment), but maybe try the code exactly as it is on the jQuery UI site:

$(function() {
   $("#dialog").dialog();
});

Best of luck! ^.^

Answer 2

May I asked how you resolved this? I also noticed all of the jQuery dependencies, but wasn't sure how to include the full jQuery UI without conflicting with any already included files.