input type="password" cambia de tamaño o size

[autista]

Hola,

Tengo un problema con un pequeño formulario el cual tengo en portada .

este ofrece las opciones de ingresar mail y contraseña para ingresar luego a una área restringida

El problema se me da con el formato de este formulario. y les explico por que

tengo los dos imput


<input name="email" type="text" class="form-borde" id="email" size="21" />

<input name="pass" type="password" class="form-borde" id="pass" size="21" />

como se ve estoy usando una clase en css class="form-borde"

.form-borde{
border: #D8DDC7 1px solid;
color:#888C67;
padding:2px 0 2px 0;

}

Bueno el tema es que cuando segundo input no tiene la etiqueta type="password" osea cuando no protege la contraseña en ie y en firefox se me ven ambos input del mismo tamaño ...

pero cuando le agrego al segundo input la etiqueta type="password" me queda mucho mas corto este input.

Osea el primer input queda mucho mas largo que el segundo el cual le agrego la etiqueta type="password"

en Firefox se ve bien..

YO ahora pregunto...

como solucciono esto?

porque si le doy mas pading desde css se soluciona en ie pero en firefox queda mas largo el campo de contraseña...

Como puedo hacer para que se vean del mismo tamaño en ambos navegadores

?

[dacho]

Hola autista, podes probar colocandole un width fijo. eso deberia fincionar, es decir por ejemplo:

Código:

.form-borde{
border: #D8DDC7 1px solid;
color:#888C67;
padding:2px 0 2px 0;
width: 200px;
}

Proba el codigo y avisa si no funciona!

[autista]

Si es verdad.

Funciono!

Muchas gracias amigo karma para ti