Hola, tengo este codigo:
Código HTML:
Ver original<input type="text" name="code" style="margin-left: 10px;float: left; padding: 0 5px;;border:0;border-left: 1px #000 solid;border-top: 1px #000 solid;border-bottom: 1px #000 solid;width: 25px; height: 25px; margin:0;border-radius:5px 0 0 5px;moz-border-radius:5px 0 0 5px;ms-border-radius:5px 0 0 5px;webkit-border-radius:5px 0 0 5px; margin:0;" id="opacityoption" onfocus="setTimeout('document.getElementById(\'opacityoption\').style.width = \'35px\'',400);setTimeout('document.getElementById(\'opacityoption\').style.width = \'55px\'',500);setTimeout('document.getElementById(\'opacityoption\').style.width = \'80px\'',600)" onblur="setTimeout('document.getElementById(\'opacityoption\').style.width = \'55px\'',400);setTimeout('document.getElementById(\'opacityoption\').style.width = \'35px\'',500);setTimeout('document.getElementById(\'opacityoption\').style.width = \'25px\'',600)" /><input type="submit" style="border-radius: 0 5px 5px 0;moz-border-radius: 0 5px 5px 0;ms-border-radius: 0 5px 5px 0 ;webkit-border-radius: 0 5px 5px 0 ;background: url(http://www.grupolekunbide.com/images/icono-lupa.gif) no-repeat; width: 25px;height: 25px;cursor: pointer;margin:0;border: 1px #000 solid;padding: 0;" name="submit" value="" />
Y esta es la captura:
¿Por qué se desencaja?
Un saludo.