html layer

Bonjour à tous

J'utilse les layers sur des balises <div>
j'ai 2 layers (le 1er pour 1 image, l'autre pour du texte)
Le tout encadré par un lien
Cela marche nickel sur IE
mais pas sur Mozilla/Firefox
Le lien se fait sur la 1er couche(image)
et est donc caché par le deuxieme(le texte)
(desfois le lien apparait ou pas aléatoirement)
qq1 aurait il une idée pour améliorer mon code.

Merci

<tr>
<td align="center" valign="middle" >
<a href="/index.php/scr=2200c" name="hr0"
onmouseover="MM_nbGroup('over','/0','/images/blogiciel_over.gif','/images/blogiciel_down.gif',1);" onmouseout="MM_nbGroup('out');"
onclick="MM_nbGroup('down','navbar1','/0','/images/blogiciel_down.gif',1);
parent.pagescr.location.href='/index.php/scr=2200c';
" class="blogiciel">
<div id="Parent" style="position:relative; left:1px; top:1px; width:150px; height:25px; z-index:1;">
<img name="/0" src="/images/blogiciel.gif" width="145" height="25" border="0" alt="" />
<div id="Nested" style="position:absolute; left:0px; top:0px; width:150px; height:25px; z-index:2;">
<table width="150" border="0" cellspacing="0" cellpadding="0" height="100%" align="center" >
<tr>
<td align="center" valign="middle">
<b><span style="color:#FFFFFF;font-family:Verdana,Arial,sans-serif;font-size:8.0pt">
Caneco CAD</span></b>
</td>
</tr>
</table>
</div>
</div>
</a>
</td>
</tr>