dialog not visible

dialog not visible


I'm using the dialog widget to display some content.. here s my
example
<div id="dialog" title="HelloJ">

xxxxx

</div>
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function(){
$('#dialog').dialog({height:200});
});
</script>
this works well in IE6,IE 7 and not in chrome or safari.
when I turned the js debugger on and reloaded the page in Chrome, the
dialog becomes visible.
Versions: jquery 1.3, jquery 1.6
I tried display:block in css and explicitely in javascript..
Any help or idea appreciated. thanks