модальное окно нужно центрировать

[mstdmstd]

Всем привет,

есть див который нужно отобразить в модальном окне

<div id="artist_song_dialog" title="Artist's Song" style="display: none;min-width: 680px;" class="form-wrap">

       <h4>

           You are adding song for artist <span id="span_artist_review_artist_name"></span>

       </h4>

     ...

</div>

и вызов модального окна - и все хорошо 

    $("#artist_song_dialog").dialog({

        buttons: {

           ....



            }, // "Submit": function() {

            "Close": function () {

                $(this).dialog("close");

            }

        },

        width: "50%",

        maxWidth: "678px",

        modal: true

    }).dialog("open");

но внутри этого дива есть переключатель для добавления нового обьекта с несколькими полями и этот див в модальном окне

становится более высоким и уезжать вниз. В результате при переключении режима все модальное окно оказывается в нижней части страницы.

Это никак нельзя поправить, чтобы модальное окно оставалось по центру?

[Great Rash]

http://codepen.io/anon/pen/EjNGwx