Centering a Modal dialog box

Centering a Modal dialog box


Hi all -
I'm new to jQuery so this may have been answered but I couldn't find
it in the google group..
I'm displaying a dialog box centered. It works fine as long as I
don't scroll down on the web page. If I scroll down and clink my link
to display the dialog, the browser scrolls back to the top and the
dialog is display centered horizontally but not vertically. I would
like the dialog box to display centered in the browser regardless of
where on the page the user has scrolled to. I tired a couple of
different things using the jquery.dimensions plugin but still couldn't
stop the browser from scrolling back to the top.
Any ideas on how to do this?
$('#new_event_form').addClass('flora').dialog({
autoOpen: false,
height: 260,
width: 400,
modal: true,
center: true,
resizable: false});
Thanks
Mark