Desaparecen cajas de texto en ie7

[PLOI]

Buenos días,

me ha surgido otro problema con el Explorer y es el siguiente:

Tengo unos campos para introducir valores numéricos (son de color blanco estos campos) pero me ocurre que con ie7 esos campos desaparecen. En Firefox se ven. Por lo que el usuario es incapaz de introducir ningún valor porque no ve la cajita. Sin embargo, si marco con el cursor la primera columna de esa fila (es el título del campo de esa fila) sí que me vuelven a aparecer. (Pero esto el usuario no lo va a saber!!!)

Os dejo lo siguiente:

for (Integer j=0;j<numeroColumnas-2;j++) {
NumberFieldExt nf = new NumberFieldExt();
FlowPanel panelNumber = new FlowPanel();
Label porcentaje = new Label();
num.getElement().setInnerHTML("&nbsp;%");
String id =j.toString();
nf.setId(id);
nf.setWidth("30px");
nf.setHeight("27px");
nf.setAllowDecimals(true);
nf.setAllowNegative(true);
nf.setMaxValue(1000);
nf.setMinValue(-1000);
nf.setNumMaxCifrasDec(1);
nf.setNumMaxCifrasEnt(3);
nf.setFormat(NumberFormat.getFormat(Constants.MASK _PORCENT));
nf.addStyleName("campos");

donde "campos" es el .css lo siguiente:

text-align: left;
vertical-align: middle;
display: inline-block !important;


¿Alguien tiene idea de porqué desaparecen estos campos? Agradezco la ayuda