DIV OVERLAY: va su firefox ma non su IE

[Stepunk]

io ho usato questo codice per una gallery dove ci cliccando sull'immagine mi compare al centro dello schermo l'immagine ingrandita all'interno di un div che prima era invisibile

<script>
function openoverlay(id_overlay) {
  document.getElementById(id_overlay).style.display = 'block';

}
function closeoverlay(id_overlay) {
  document.getElementById(id_overlay).style.display = 'none';

}
function CentraRispettoSchermo(w, h)
{
    var x = Math.ceil((window.screen.width - w) / 2);
    var y = Math.ceil((window.screen.height - h) / 2);
    return {'x':x, 'y':y};
}
</script> 

che poi richiamo con questo

echo "<a ref=\"#\" onclick=\"openoverlay('foto".$n."');CentraRispettoSchermo(".$larg.",".$alte.");\">
    <img width=\"".$larghezza."\" height=\"".$altezza."\" src=\"foto/".$file."\">
</a>";

echo "<div id=\"foto".$n."\" style=\" border:#000000 thin solid; vertical-align:middle;
background:#ffffff; position:absolute; left:document.write(x)px; top:document.write(y)px;
width:".($larg+35)."; height:".($alte+40)."; z-index:2; overflow:auto; display:none;\">
    
<a href=\"#\" onclick=\"closeoverlay('foto".$n."')\" 
<img src=\"foto/".$file."\"></div>"; 

su Firefox funziona perfettamente, mentre su Explorer mi fa vedere un div bianco (non carica l'immagine al suo interno) e nemmeno centrato sul monitor (me lo mette in alto a sinistra)


Help! :master: