Help..Cant select textfield's in Firefox, works in IE7

[sintax.era]

I have a dialog with a form on it, 2 columns and a container.
The columns have textfields, and the container has some textareas.
My problem is that I cannot select the textfields in FireFox 2, as (it seems, inspecting with firebug) the columns are blocking the text fields.
The text areas work fine.
Ive tried basicdialog and layout dialog, ive pasted the layout code im using here.
Hopefully someone will be able to tell me whether this is a bug or whether Im just a noob. :)


addContactDialog = new Ext.LayoutDialog("contactDialog", {
autoCreate: true,
width: 480,
height: 460,
modal: false,
closable:true,
resizable:true,
draggable:true,
collapsible:true,
shim:true,
title:'Add new contact',
center:{
tabPosition: "top",
}
});


addContactDialog.addKeyListener(27, addContactDialog.hide, addContactDialog);

addContactDialog.setDefaultButton(addContactDialog.addButton("Close", addContactDialog.hide, addContactDialog));

var addContactLayout = addContactDialog.getLayout();

addContactContentPanel = new Ext.ContentPanel("standard-panel",
{title: "Download the Source", fitToFrame:true});

addContactForm = new Ext.Form({
labelAlign: 'right',
labelWidth: 75,
buttonAlign: 'right',
url:'login/login.php',
baseParams:{module:'login'}
});
firstname = new Ext.form.TextField({
fieldLabel: 'First Name',
name: 'firstname',//,
tooltip: 'test' ,
width:180
})
lastname = new Ext.form.TextField({
fieldLabel: 'Last Name',
name: 'lastname',
width:180
})


salutation = new Ext.form.TextField({
fieldLabel: 'Dear...',
name: 'salutation',
value: 'sir',
width:180
})

company = new Ext.form.TextField({
fieldLabel: 'Company',
name: 'company',
width:180
})
physicaladdress = new Ext.form.TextArea({
fieldLabel: 'Physical Address',
name: 'physicaladdress',
grow: true,
preventScrollbars:true
})



postaladdress = new Ext.form.TextArea({
fieldLabel: 'Postal Address',
name: 'postaladdress',
grow: true,
preventScrollbars:true
})
phone = new Ext.form.TextField({
fieldLabel: 'Phone',
name: 'phone',
width:180
})
fax = new Ext.form.TextField({
fieldLabel: 'Fax',
name: 'fax',
width:180
})
cell = new Ext.form.TextField({
fieldLabel: 'Cell',
name: 'cell',
width:180
})
email = new Ext.form.TextField({
fieldLabel: 'Email',
name: 'email',
width:180
})
type = new Ext.form.TextField({
fieldLabel: 'Type',
name: 'type',
width:180
})
role = new Ext.form.TextField({
fieldLabel: 'Role',
name: 'role',
width:180
})
source = new Ext.form.TextField({
fieldLabel: 'Source',
name: 'source',
width:180
})
notes = new Ext.form.TextArea({
fieldLabel: 'Notes',
name: 'notes',
grow: true,
preventScrollbars:true,
value: '4 Redbulls Drive'
})

addContactForm.column({legend:'test',labelSeperator:':::'},
firstname,
cell,
phone,
company
);
addContactForm.column({clear:true,width:200,legend:'test',labelSeperator:':::'},
lastname,
email,
fax,
role
);
addContactForm.container( {},
physicaladdress,
postaladdress,
notes
);
addContactLayout.beginUpdate();
addContactLayout.add("center", new Ext.ContentPanel("standard-panel"));
addContactLayout.endUpdate(true);
addContactForm.render(addContactContentPanel.getEl());

addContactDialog.show();

[sintax.era]

This is only affecting textfields in the columns. If i put a textfield in the container, it works fine. if i change the columns to containers the text fields are selectable (but not in columns anymore).
I can use the fields using tab to select them.

[sintax.era]

just something im doing wrong?

[sintax.era]

Ok, it only happens if there is a container object below the columns...
If you add another column under the clear'ed one, it works just fine.
What exactly is the container used for?