trasparenza di un div

[techno]

Ciao a tutti

Sto cercando di effettuare un effetto su una galleria di immagini che quado si clicca s di una mi si apre + grande.

Sto cercando di effettuare un div in trasparenza com sfondo all'immagine e l'immagine clicca che è visualizzata in mezzo allo schermo ecco il codice:

Naturalmente le immagini sono precaricate in onload

javascript:

function img(immagine){
    var elgray=document.getElementById("gray");
    var elimage=document.getElementById("image");
    elgray.style.display="block";
    elimage.innerHTML="<img src=\"../images/software/"+immagine+"\" height=\"500\" />";
} 

codice HTML e CSS:

<div id="gray" style="position:fixed; width:100%; height:100%; background-color:#999999; z-index:1000; background-image:url(../images/software/bg_opacity.png); display:none"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td><div align="center" id="image" style=" filter:alpha(opacity=100); opacity:.100;"></div></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>
</div> 

Il fatto e che con l'immagine di sfondo "background-image:url(...)" e con position:fixed non mi da la trasparenza dell'immagine.
Mentre se sostituisco "background-image:url(...)" con "filter:alpha(opacity=50); opacity:.50" mi da la trasparenza ma la da anche al div dove compare l'immagine, quindi si vede anche l'immagine in trasparenza.
Come posso risolverlo???