Campos de formulario que se redimensionana solos

[Jorge_cs]

Campos que se redimensionana solos y tapan los botones.

Tengo una serie de elementos en un formulario.
Son campos creados con la etiqueta "input" y botones creados con la etiqueta "button".
Lo que pretendo conseguir es que los botones se situen a la derecha de los campos, y los campos ocupen todo el espacio restante.

Aparentemente lo habia conseguido al escribirlo asi.

Código:

<td><button style='float:right;' class='BotonA ' onClick='mostrarLov(cd_tipo_localizacion_ptob,ds_tipo_localizacion_ptob);' title='Lista de Valores' >&nbsp;<img src='/images/downarrow.gif' style='vertical-align: middle'>&nbsp;</button><input type='hidden' name='cd_tipo_localizacion_ptob' value='' /><input type='text' class='texto_l ' name='ds_tipo_localizacion_ptob' value='' readonly /></td>

En la hoja de estilo tengo definido

Código:

input { 
  font-family: Arial; 
  font-size: 11px; 
  font-weight: normal; 
  color: #006699; 
  width: 100%; 
}

Bien, como decia, al cargarse la pagina, se ve bien.



El problema aparece cuando se pulsa el boton, y se invoca la funcion "mostrarLov". Esta lo que hace es asignar un valor a las propiedades "value" de los dos objetos que se le pasaron como argumento.

Es entonces cuando, no se por que, el campo "ds_tipo_localizacion_ptob" crece, ocupa todo el ancho y tapa el boton...



Empleo Internet Explorer 6.


¿Alguien puede echarme una mano y decirme que diablos puede estar pasando?