Hey,

I have this weird problem.. I'm working on a webdekstop and everything is working ok... BUT!

The windows that get openend contain a Toolbar. In this toolbar there are 2 buttons, a datepicker and a combobox. All elements render, but the combobox and datepicker are rendering on eachother when watching the desktop in IE8 or FF3.5.2. In Google chrome everything renders how it should.



this is the code I'm using:

Code for creating the objects:
Code:
comboMedewerkerTop = new Ext.form.ComboBox({
typeAhead : true,
triggerAction : 'all',
lazyRender : true,
mode : 'local',
emptyText : 'Kies een medewerker',
store : new Ext.data.ArrayStore({
id: 0,
fields: [
'myId',
'displayText'
],
data: medewerkerStore
}),
valueField : 'myId',
displayField : 'displayText'
});
 
datePicker = new Ext.form.DateField({
fieldLabel: 'Werkdag',
name: 'werkdag',
width:75,
allowBlank:false,
showToday: true,
value: new Date().format('d-m-Y'),
format: 'd-m-Y',
});

 
buttonFilteren = new Ext.Button({
text : 'Filteren',
handler : gridRequest
});
And this isn how I build my toolbar:
Code:
var tabstrip = new Ext.Toolbar({
width: '100%',
items: [
{
text:'Uren Toevoegen',
tooltip:'Voeg nieuwe uren toe',
iconCls:'add',
view: new Ext.grid.GroupingView({
markDirty: false
}),
handler: function(){
var e = new Uren({
declarabel: false,
remote: false,
voorrijkosten: false
});
editor.stopEditing();
store.insert(0, e);
grid.getView().refresh();
grid.getSelectionModel().selectRow(0);
editor.startEditing(0);
}

}, '-'
, comboMedewerkerTop
,{
xtype: 'tbspacer', width:20 
}, '-'
, datePicker
, '->'
, buttonFilteren 
]
});
Thnx for reading!