tengo undiálogo que se llena con una llamada ajax. Quiero limitar elAltura máxima dediálogo y también permitir que seacapaz de desplazamiento si estoAltura máxima se supera. El código de abajo hace exactamente lo que quiero.

El problema es que no puedo mover elparte superior del diálogo desde elposición superior. Puedo moverlo a izquierda y derecha. No puedo usarcentrar ya sea como eldiálogo se muestra en una gran ventana con capacidad de desplazamiento. Si uso Firebug puedo ajustar la propiedad superior, pero no puedo encontrar dónde se establece en cero.

$("#your-dialog-id").dialog({
    open: function(event, ui) {
        $(this).css({'max-height': 500, 'overflow-y': 'auto'});
    },
    autoOpen:false,
    modal: true,
    resizable: false,
    draggable: false,
    width: '690',
    closeOnEscape: true,
    position: 'top'
});

Quiero ajustar la posición y del diálogo para que esté 20px desde la parte superior de la ventana. ¿Alguna idea de lo que puedo hacer?