Zentrieren eines position:fixed-Elements

Question

Ich würde gerne eine position: fixed; Popup-Box mit dynamischer Breite und Höhe auf dem Bildschirm zentriert. Ich benutzte margin: 5% auto; für diese. Ohne position: fixed; Die horizontale Zentrierung ist in Ordnung, aber nicht die vertikale. Nach dem Hinzufügen position: fixed; Es ist nicht einmal horizontal zentriert.

Hier ist der komplette Satz:

.jqbox_innerhtml {
    position: fixed;
    width: 500px;
    height: 200px;
    margin: 5% auto;
    padding: 10px;
    border: 5px solid #ccc;
    background-color: #fff;
}

<div class="jqbox_innerhtml">
    This should be inside a horizontally
    and vertically centered box.
</div>

Wie zentriere ich diese Box im Bildschirm mit CSS?