No me funciona esto en IE6

[eljuank1982]

Tengo esta tabla:

Código HTML:

<table width="150"  border="0" cellpadding="2" cellspacing="2" id="menucal">
  <tr>
    <td width="0"><a href="javascript:;" onClick="muestra('op1','btn1')";><img src="img/mas.gif" width="15" height="15" border="0" align="absmiddle" name="btn1" id="btn1"></a></td>
    <td width="100%" class="tipmenus">Sistema Gestión de la Calidad</td>
  </tr>
  <tr style="display:none" id="op1">
    <td>&nbsp;</td>
    <td><br><li><a href="#">Manuales</a></li><br>
	<li><a href="#">Procedimientos</a></li><br>
	<li><a href="#">Fichas de Procesos</a></li><br>
	<li><a href="#">Encuestas a los clientes</a></li><br>
	<li><a href="#">Evaluación de la Calidad</a></li><br>
	<li><a href="#">Otros documentos de SGC</a></li><br>
	</td>
  </tr>
  <tr>
    <td><a href="javascript:;" onClick="muestra('op2','btn2')";><img src="img/mas.gif" width="15" height="15" border="0" align="absmiddle" name="btn2" id="btn2"></a></td>
    <td class="tipmenus">Medio Ambiente</td>
  </tr>
  <tr style="display:none" id="op2">
    <td>&nbsp;</td>
    <td><br><li><a href="#">Programa de Gestión Ambiental</a></li><br>
	<li><a href="#">Manejo de Desechos Peligrosos</a></li><br>
	<li><a href="#">Otros…</a></li><br>
	</td>
  </tr>
  <tr>
    <td><a href="javascript:;" onClick="muestra('op3','btn3')";><img src="img/mas.gif" width="15" height="15" border="0" align="absmiddle" name="btn3" id="btn3"></a></td>
    <td class="tipmenus">Ciencia e Innovaci&oacute;n Tecnol&oacute;gica</td>
  </tr>
  <tr style="display:none" id="op3">
    <td>&nbsp;</td>
    <td><br><li><a href="#">Banco de Problemas</a></li><br>
	<li><a href="#">Generalización</a></li><br>
	<li><a href="#">Otros…</a></li><br>
	</td>
  </tr>
</table> 

La cual manupulo con esta función

Código HTML:

<script>
function muestra(myid,myboton) 
{ 
if(document.getElementById(myid).style.display=='') 
{ 
document.getElementById(myid).style.display = "none"; 
document.getElementById(myboton).src = "img/mas.gif"; 
} 
else 
{ 
document.getElementById(myid).style.display = ""; 
document.getElementById(myboton).src = "img/menos.gif"; 
} 
}
</script> 

Trabaja perfecto en FF e IE8 pero en IE6 no se muestra la imagen "menos.gif" al hacer clic y además no me respeta los <br> que hay dentro de las celdas.

No sé si se deba a que tengo que poner Java Script en la etiqueta <script>.
Si alguien sabe dónde está el problema, soy todo ojos.
Salu2 a to2, gracias de antemano y al tanto.