Ocultar div y su contenido

[mhax]

Saludos::::

tengo el siguiente estilo perteneciente a un div

Código CSS:

#box{
position:absolute;
    left:392px;
    top:456px;
    width:415px;
    height:186px;
    z-index:6;
    border: 1px solid;
    background-color:#FF9933;
}
 

dentro de div, tengo un formulario y otros div, alguno de las reglas de estilo son estos:

Código CSS:

#regla1 {
    position:absolute;
    left:419px;
    top:480px;
    width:359px;
    height:30px;
    z-index:6;
}
#regla2 {
    position:absolute;
    left:423px;
    top:515px;
    width:139px;
    height:97px;
    z-index:6;
    border:1px solid;
}
 

pero al ocultar el div, (con jquery) no me oculta el contenido, es decir el formulario.
a que se debe esto?

Gracias