Form items alignment issue in Safari and Chrome.

SmartClient Version : Version v9.0
Browser : Safari(5.1.7)/Chrome

We are seeing an alignment issue of form items in Safari and Chrome browsers The same code has no issues in IE.

We have the following DynamicForm which renders fine in IE but in chrome and safari the fields 4 and 6 are pushed to the right.

Can you please suggest us if we are missing something specific to these browsers which are causing the alignment issue.

Code :

isc.DynamicForm.create({
padding:6,
numCols:4,
requiredTitleSuffix: " : ",
wrapItemTitles: false,
width: 200,
fields: [
{name:"field1", colSpan: 3, title:"Field1", disabled:this.isReadOnly, width:190},
{
name:"field2",
colSpan: 3,
title:"Field2",
width:190,
disabled: this.isReadOnly
},
{
name:"field3",
title:"Field3",
disabled:this.isReadOnly,
width: 50
},
{
name: "field4",
title: "Field4",
disabled:this.isReadOnly,
width: 100,
editorType:"comboBox",
pickListWidth:'100'

},
{
name: 'field5',
width: 190,
title: 'Field5',
colSpan: 3,
visible: !this.isReadOnly

},
{
type: "spacer",
colSpan: 4,
visible: this.isReadOnly
},
{
type: "spacer",
rowSpan: 1,
colSpan: 4,
visible: this.isReadOnly
},
{
name: 'field6',
align: 'right',
width: 193,
height: 50,
showTitle: false,
type: 'textArea',
canEdit: true,
disabled: true,
colSpan: 4,
visible: !this.isReadOnly
}
]
});