Bonjour à tous je galère depuis qque heures sur un petit problème de zIndex...

ma fonction

function roll()
{
document.getElementById('centertexte').style.zIndex = 150;
document.getElementById('btexte').style.zIndex = -50;
}
l'appel de la fonction et son utilisation

<div id="btexte" style="z-index: 150;">
<a href="#" onClick="javascript:roll();" title="Texte architecture traditionnel">
<img style="position: absolute; top: 15px; left: 540px;" src="image/bouton_texte.png" alt="Texte architecture traditionnel" /></a></div>
<img src="image/photo_traditionnel.png" alt="Texte architecture traditionnel" />
</div>
<div id="centertexte" class="centertexte" style="z-index: -50;">
<a href="#" onClick="javascript:document.getElementById('centertexte').style.zIndex = 0" title="Texte architecture traditionnel">
<img style="position: absolute; top: 0px; left: 285px;" src="image/vide.gif" alt="fermeture texte architecture traditionnel"></a>
Traditionnel<br /><br />......</div>
Le zIndex de 'centertexte' change bien mais pas celui de 'btexte' est ce que c'est parceque j'appel la fonction de 'btexte' ??

Merci d'avance si vous avez une petite idée...