Salve a tutti,
sto invano tentanto di utilizzare una funzione javascript per modificare dinamicamente la z-index di un div. La funzione l'ho trovata in rete e cercando nel forum ho anche trovato un post in cui un utente riusciva ad utilizzarla con successo; io invece proprio non ci riesco.
Ammetto tuttavia che sono almeno 5-6 anni che non prendo in mano html e javascript (lo faccio ora perchè ho bisogno di un piccolo sito personale): è possibile quindi che stia commettendo qualche errore colossale.

La funzione è la seguente (ovviamente la pongo nell'HEAD):

<script type="text/javascript">
function zind(id,aa)
{
document.getElementById(id).style.zIndex =aa;
}
</script>
I due div

<div name="menu" style="z-index: 2; position: absolute; top:44; left:100">
Contenuto menu
</div>

<div name="foto" style="z-index: 1; position: absolute; top:44; left:100" >
[img]foto.jpg[/img]
</div>

Come potete vedere i due div sono parzialmente sovrapposti, tuttavia l'immagine contenuta nel div "foto", quello più profondo, in parte fuoriesce al di sotto del dive menu.
L'intenzione è quella di portare il div "foto", e quindi l'immagine, in primo piano qualora si clicchi sulla piccola porzione di essa visibile.
Cosa sbaglio?

Grazie mille

P.S. per ora testo lo script con IE7