problemas con el cursor al ocultar capas

[Salome]

Hola... les cuento tengo los siguientes estilos:


.contenedor {
position: relative;
left: 0;
top: 0;
}

.ocultarCapa {
position: absolute;
left: 0;
top: 0;
z-index: 2;
visibility: hidden;
}

.mostrarCapa {
position: absolute;
left: 0;
top: 0;
z-index: 1;
visibility: visible;
}

.mostrarCapaRelativa {
position: relative;
left: 0;
top: 0;
z-index: 1;
visibility: visible;
}


.contenedorM{
/*position: relative;*/
left: 0;
top: 0;
}

.ocultarCapaM {
/*position: absolute;*/
left: 0;
top: 0;
z-index: 2;
visibility: hidden;
}


.mostrarCapaRelativaM {
/* position: relative;*/
left: 0;
top: 0;
z-index: 1;
visibility: visible;
}

bueno pues hace lo que debe hacer.. oculta o hace visuble un campo, pero justo donde utilizo estos css... el cursor no se ubica como debe en el campo es como si se saliera de las márgenes... alguna idea de porque pasa o como deberia solucionarlo??

[fer10]

puedes poner mas informacion o el codigo html para poder ayudarte ? o igual la pagina para ir directo con el problema

[Salome]

Así está en el html....

Código HTML:

 <div id="content" class="contenedor">
	        	<div id="capa" class="mostrarCapaRelativa">								
					<div align="center"><logic:messagesPresent message="true">
		            <br>
			          <html:messages id="msg" message="true">
  					    <img src="images/mensajes.gif" width="19" height="19">
			            <bean:write name="msg"/><br>
			          </html:messages>
		            <br>
			          </logic:messagesPresent>
			          </div>
	        	</div>
			</div> 

y luego restauro todo asi

Código HTML:

function restaurar(){
	document.forms[0].reset();
	document.getElementById("capa").className = "ocultarCapa";
}