Ocultar campos de un formulario

M?a
03 de Enero del 2003
Wenas,


Tengo un problemilla. Necesito saber como se pueden ocultar campos de un formulario en NetScape sin tener que ocultarlo entero.

Para IE me funciona, pero para NetScape solo me lo deja ocultarlo completo.

Ah铆 va el c贸digo por si a alguien se le ocurre algo:

<html>
<head>
<title>Untitled</title>

<script language="javascript">
var capa

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
if (ns4) {
capa = document.capa1
}
if (ie4) {
capa = capa1.style
}
}

function muestra(obj)
{
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
}

function oculta(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
}

</script>
</head>
<body onload="init()">
<div id="CapaNormal" style="position:absolute;left:50; top:250;
background-color:pink;"><a href="#" OnMouseOver="muestra(capa)"
OnMouseOut="oculta(capa)">Ponte encima</a>...</div>

<form name="formMusica">

<center>

<table cellpadding="2" cellspacing="0" border="0" align="center">
<tr>

<td height="50">
<div id="capa1" style= "visibility:hidden">
<select name="tipo">
<option value="0">elige un tipo de m&uacute;sica</option>
<option value="rock">rock</option>
<option value="rock">pop</option>
<option value="rock">heavi</option>
</select>
</div>
</td>

<td align="right">
<select name="anyos">
<option value="0">elige a&ntilde;os</option>
<option value="rock">1970/1980</option>
<option value="rock">1980/1990</option>
<option value="rock">1990/2000</option>
</select>
</td>
</tr>
<tr>
<td>tu grupo preferido:</td>
<td><input type="text" name="grupo" size="20"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="button" name="boton" value="BUSCAR" size="20"></td>
</tr>
</table>

</center>

</form>


</body>
</html>


Muchas gracias

M贸nica.