toniko

Olá, tudo bem? Estou co um problema no meu código javascript para esconder e mostrar div usando selects. O Código: <script language=javascript type='text/javascript'> function mostra(id) { var aparece = document.getElementById(id); aparece.style.display = "block"; } function esconde(id){ var aparece = document.getElementById(id); aparece.style.display = "none"; } </script> E o select: <tr> <td height='45'>Material:</td> <td ><div class='input_contato'> <select class='input_contato2' name='material' id=name='material'> <option value='' selected onclick=\"esconde('mat1');esconde('mat2');\"> </option> <option value='Sim' onclick=\"esconde('mat1');esconde('mat2');\">1010</option> <option value='Outros' onclick=\"mostra('mat1');mostra('mat2');\">Outros</option> </select></div> </td> <td height='45' > <div id='mat1' style='display:none;'>Outros:</div> </td> <td ><div id='mat2' style='display:none;'> <input type='text' class='input_contato2' /> </div> </td> Ele até que funciona bem no FireFox, mas ele não funciona no IE8 e no IE6. Poderiam me ajudar a arrumar ou se possivel me sugerirem um script melhor?