jQuery UI dialog box not positioned center screen

Question

I have a jQuery dialog box that is meant to position in the middle of the screen. However, it seems slightly off-center vertically.

Here is the code:

Answer 1

Simply add below CSS line in same page.

.ui-dialog 
{
position:fixed;
}