I have an iFrame in a page, and I want a Jquery dialog to be centered on the parent, not the iFrame.

I can't find a way to do this though...

This works when I run the iFrame page alone:

```
var LLopt = {
     position: {my: "center center", at: "center center", of: parent.top}
}; 
$("#locationdisplaybox").dialog(LLopt).dialog("open");

```

...but when I try to run it inside the parent, I don't get errors in the console, but it doesn't run (as if there's an unseen error).

I believe this is because of security restrictions of accessing the parent from the iFrame.

If I run the above without " of: window.parent.top" if works fine, but the lower I am in the iFrame page, the lower the dialog appears (not centered).

Does anyone know how I can center this?

To see the problem in action, [please see here](http://videoconferencingbookingsystem.com/results.htm), and click some of the "View Venue Details" links.