Problema mostra/nascondi e z-index su firefox

[Pinetto]

Ciao ho letto alcuni post ma non ho trovato la soluzione
Ho un div (palazzo) con immagine di sfondo al quale voglio abbinare sopra un layer (trans) abbinato ad un evento onclick su un link di un'altro div
su ie funziona ma con ff niente.

Cosa devo cambiate per ff?
Grazie ciao
-------------------------------------
questo è il css
#box {
width: 800px;
margin-right: auto;
margin-left: auto;

}
body {
background-color: #000000;
z-index: 0;
}
div.trans {
background-color: #ffffff;
height: 200px;
width: 300px;
margin: 0;
background-color: #ffffff;
border: 1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
visibility: hidden;
z-index: 100;
position: absolute;
}
div.palazzo {
background-image: url(IMG_2396.jpg);
height: 360px;
border-width: 4;
border-style: solid;
border-color: #FFFFFF;
z-index: 1;
}
e html
<link href="stile.css" rel="stylesheet" type="text/css">
<script language="javascript">
function mostra()
{
document.all.trans.style.visibility="visible";
}
</script>
<script language="javascript">
function chiudi()
{
document.all.trans.style.visibility="hidden";
}
</script>
<div id="box">
<div id="top">[img]logo.jpg[/img]</div>
<div class="palazzo">
<div class="trans" id="trans" z-index="2">sasa</div>
</div>
<div id="content">sasaas </div>

</div>

[gengix]

Tira via la proprietà z-index al body, non serve a niente.
Tira vi lo z-index dichiarato in linea al div trans perchè l'hai già dichiarato nel css e fa conflitto.
Dai una position:relative a div.palazzo.

Una cosa non capisco. Cosa ti servono le position? Nel flusso normale del documento, div.trans si sovrappone di già a div.palazzo.

[Pinetto]

Ciao grazie della riposta.
Ho provato a fare come mi hai detto ma in Firefox non mi visualizza il layer.
Puo' essere anche un problema di JS?
Le position le avevo messe perchè mi era sembrato che ff volesse le position assolute per il layer con lo z-index.

[gengix]

Le position le avevo messe perchè mi era sembrato che ff volesse le position assolute per il layer con lo z-index.

Lo z-index viene preso dalle position in generale, non solo da quelle assolute. Quello che mi chiedevo io, era il perchè dell'utilizzo delle position, quando anche senza queste proprietà div.trans si sovrappone di già a div.palazzo essendo suo figlio.
Nel javascript prova con:

<script language="javascript">
function mostra()
{
document.getElementById("trans").style.display="block";
}
function chiudi()
{
document.getElementById("trans").style.display="none";
}
</script>

E tira via la proprietà visibility nel css.