Dialog position not honored within an iFrame in Chrome.

Dialog position not honored within an iFrame in Chrome.

I am using jQuery UI dialog widget to show notices in an application that is running within an iFrame (a Facebook application to be precise). It works fine in Firefox, but in Chrome, the dialog shows up on extreme left-bottom inside the iFrame, even though I have specified the position as 'center'.

I am using jQuery core version 1.4.3 and jQuery UI version 1.8.6

My code is as follows:
  1. $(function() {
  2.   $("<div id='flash-notice' title='Done!'><p>Your edits were successfully saved!</p></div>").dialog({position:'center'});
  3.   setTimeout("$('#flash-notice').dialog('close');", 7000);
  4. });
Is this a chrome/jQuery-ui bug? Or am I going wrong somewhere