border d'un tableau JS-FireFox

Salut mes amis,
je travaille avec EXT JS. j'ai créé un tableau et je l'ai ajouté des éléments commme ca :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
var     items = new Array ();
	items.push ({
        layout      : 'form',
        border      : true,
        borderColor : 'white',
        bodyStyle   : 'padding:0px 5px',
        columnWidth : .135,
        items       : new Ext.form.Label ({
            cls         : 'x-form-field',
            text        : '',
            width       : 170
        })
    });
	for (i = 0; i < texts.length; i ++)
	{
	    items.push ({
            layout      : 'form',
            border      : false,
            bodyStyle   : 'padding:0px 5px',
            columnWidth : columnWidth [i],
            items       : new Ext.form.Label ({
                cls         : 'x-form-field',
                text        : texts [i],
	            width       : 170
            })
	    });
	}

j'ouvre l'application avec FireFox.
le problème est que si je place border = false et text du premier élément à ' '(

Code:

1
2
3
4
5
items       : new Ext.form.Label ({
            cls         : 'x-form-field',
            text        : ' ',
            width       : 170
        })

, les éléments vont être décalés à gauche mais si je remplis le text,

Code:

1
2
3
4
5
items       : new Ext.form.Label ({
            cls         : 'x-form-field',
            text        : 'xxxxxxxxxxxxxx',
            width       : 170
        })

cava ca marche bien ils sont loin du gauche
Comment dépasser ça?
Merci