display:none en un div, dentro de una tabla

[Gguer]

Hola

Tengo un asuntillo con un div que pongo dentro de una tabla y que le atribuyo una clase la cual especifica que no se debe mostrar lo que esté dentro del div, esto es:

.oculto{display:none;}

El div se presenta de la siguiente manera:

Código HTML:

<div class="oculto">
    <tr>
        <th><label for="nombres">Nombre (s)</label></th>
        <td><input type="text" name="nombres" id="nombres"></td>
    </tr>
    <tr>
        <th><label for="apellido_p">Apellido Paterno</label></th>
        <td><input type="text" name="apellido_p" id="apellido_p"></td>
    </tr>
    <tr>
        <th><label for="apellido_m">Apellido Materno</label></th>
        <td><input type="text" name="apellido_m" id="apellido_m"></td>
    </tr>
    <tr>
        <th><label for="grupo">Grupo</label></th>
        <td><input type="text" name="grupo" id="grupo"></td>
    </tr>
    <tr>
        <th><label for="posicion">Posici&oacute;n</label></th>
        <td><input type="text" name="posicion" id="posicion"></td>
    </tr>
    <tr>
        <th><label for="numero">N&uacute;mero de Jugador</label></th>
        <td><input type="text" name="numero" id="numero"></td>
    </tr>
    </div>
 

La cuestión es que toda esa zona dentro del div, la cual se supone que no debe mostrarse, sencillamente lo hace, es decir, ignora la propiedad display:none. Lo he probado en otras partes de la tabla y también la ignora. A caso no se puede usar display:none, tal cual, en una tabla?

Alguien tiene una propuesta de solución para esta situación?

Les agradezco y envío un saludo.