Div placering i forhold til browser vindue

Jeg har denne div

<div id="indhold" style="display:none; position:absolute; vertical-align: middle;">
<iframe id="ifrm" frameborder="0" scrolling="no" height="150px" width="600px" style="border:1px solid black; src=""></iframe>
<div onclick="LukOgLoad();return false;" style="cursor:pointer; padding:5px; background-color:#FFFFFF; border:1px solid black; width;50px;">Close [X]</div>
</div>

Der bliver vist når nogen trykker på et link der kalder denne JS funktion

function VisOgLoad(url)
{
  document.getElementById("ifrm").src = url;
  document.getElementById("indhold").style.display = "";
}

Mit problem er at jeg gerne vil have at den åbner sig iforhold til vinduet, hvis jeg feks har scrollet langt ned af en liste (html side) og klikker på et link der åbner for VisOgLoad, så vises diven iøverst på html siden så man skal scrole helevejen op for at se div'en

Hvordan kan jeg gøre sådan at den åbner sig midt i browserviduet, lige meget hvor langt ned eller oppe jeg er på siden?