Hola que tal, lo que pasa es que ando haciendo una pagina con
CSS y todo iba bien pero a la hora de probar la pagina en Internet Explorer en modo
vista de compatibilidad me encontré con un problema, un input button se mustra fuera del div que la contine
el código CSS es el siguiente:
Código CSS:
Ver original.border {
border:2px solid #FFF;
display:block;
height:70px;
width:400px;
}
#panelCaptcha {
background-color:#DDEEF6;
border:1px solid #C0DEED;
height:74px;
margin:5px;
overflow:hidden;
width:404px;
}
#codeCaptcha {
background-image:url(images/codeCaptcha.png);
float:left;
height:16px;
margin:22px 5px;
padding:5px 5px 5px 26px;
position:relative;
width:129px;
}
#textCaptcha {
background-color:#FFF;
border:0;
height:16px;
padding:0;
position:absolute;
width:129px;
}
#textCaptcha:focus{
outline:0px;
}
#imageCaptcha {
position:relative;
}
#reloadCaptcha {
background:transparent url(images/reload.png);
border:none;
float:right;
height:16px;
margin:27px 5px;
padding:0;
position:relative;
width:16px;
}
y el HTML:
Código HTML:
<div id="panelCaptcha">
<div class="border">
<div id="codeCaptcha"><input type="text" name="captcha" id="textCaptcha" /></div>
<img src="captcha.php" id="imageCaptcha" />
<input type="button" id="reloadCaptcha" title="Recargar captcha" onclick="newCaptcha()" />
</div>
</div>
Espero que me puedan ayudar a solucionar esto,,,
Saludos y gracias de antemano