strano problema css

[Chry1991]

salve amici del foro

sto progettando un sito web, ma ho un problema strano.
Ho creato una dialog

che si apre con questa funzione

Codice: Seleziona tutto

<script>
            function showDialog(id) {
                document.getElementById('popDiv').style.display = 'block';
                var dialog = $("#" + id).data('dialog');
                if (!dialog.element.data('opened')) {
                    $("#" + id).css('top', '140');
                    dialog.open();
                } else {
                    document.getElementById('popDiv').style.display = 'none';
                    dialog.close();
                }
        }
    </script>

e fino a qui è perfetta funziona e fa il suo dovere il problema è la posizione nella pagina

il suo codice html

Codice: Seleziona tutto

<div id="popDiv" class="ontop" runat="server">
              <div data-role="dialog" id="dialog7" class="padding20" data-close-button="false" data-windows-style="true">
              <%--  <div class="modal-content" id="dialog">--%>
                
                       <h2>Dettaglio Comunicazione Interna d'Agenzia</h2>
              
                 

                  <Button ID="chiudicomunicazione" class="button" Text="Chiudi Pannello" style="float:right;"></Button>
                                           
             </div>
</div>

il problema è guardando la consolle del browser
che questa finestra di dialogo becca un top 392.5 px non so da chi

allego il css che visualizzo da browser

Codice: Seleziona tutto

stile inline{
    left: 0px;
    top: 392.5px;
    width: auto;
    height: auto;
    right: 0px;
    visibility: visible;
}

.padding20 {
    padding: 1.25rem;
}


.dialog {
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    float: left;
    background-color: #ffffff;
    color: #1d1d1d;
    z-index: 1050;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}


html, body, form {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-family: "Segoe UI" , Arial, sans-serif;
    transition: background-color .5s;
    min-height: 100%;
    overflow: auto;
    overflow-y: auto;
}

da dove possono arrivare quei px??

grazie a tutti x l'aiuto