TBar error in IE

[Kloon]

I have this very strange error, I have a window with a toolbar working fine in FF and Chrome but if I run it in IE I get a 'tagName' is null or not an object error. Can someone please have a look at my code and give some advise, I am clueless here have tried resolving the error but can't seem to find what is causing this.

this.win = new Ext.Window({
	title: 'Test Window',
	width: 800,
	height: 600,
	closable: false,
	maximized: true,
	movable: false,
	layout: 'fit',
	tbar:[
		{text: 'Administration',
			menu:{items:[
				{text: 'Investments',
					menu:{items:[
						{text: 'Dis-Investment',
							menu:{items:[
								{text: 'Capture Dis-Investment',
									menu:{items:[
										{text: 'Capture Dis-Investment',
											handler: function(){ViewReport(203)}
										},
									]}
								},
								{text: 'Authorise Dis-Investment',
									menu:{items:[
										{text: 'Authorise Dis-Investment',
											handler: function(){ViewReport(206)}
										},
									]}
								},
							]}
						},
						{text: 'Adhoc Investment',
							menu:{items:[
								{text: 'Capture',
									menu:{items:[
										{text: 'Capture Adhoc Investment',
											handler: function(){ViewReport(204)}
										},
									]}
								},
								{text: 'Check Payment',
									menu:{items:[
										{text: 'Check Payment Received',
											handler: function(){ViewReport(208)}
										},
									]}
								},
								{text: 'Authorise',
									menu:{items:[
										{text: 'Authorise Adhoc Investment',
											handler: function(){ViewReport(207)}
										},
									]}
								},
							]}
						},
					]}
				},
				{text: 'Release Journal',
					menu:{items:[
						{text: 'To OMIA',
							menu:{items:[
								{text: 'Release Journal',
									handler: function(){ViewReport(605)}
								},
							]}
						},
						{text: 'To Nedbank',
							menu:{items:[
								{text: 'Release Dis-Investment Journal',
									handler: function(){ViewReport(606)}
								},
							]}
						},
					]}
				},
			]}
		},
		{text: 'Operations',
			menu:{items:[
				{text: 'Logs',
					menu:{items:[
						{text: 'Import Error',
							menu:{items:[
								{text: 'Import Error Log',
									handler: function(){ViewReport(618)}
								},
							]}
						},
					]}
				},
				{text: 'Maintain',
					menu:{items:[
						{text: 'Debtors',
							menu:{items:[
								{text: 'Add/Edit Debtor',
									handler: function(){ViewReport(706)}
								},
							]}
						},
						{text: 'Rebate Rule Matrix',
							menu:{items:[
								{text: 'Maintain Assess Rules',
									handler: function(){ViewReport(100)}
								},
							]}
						},
					]}
				},
				{text: 'View Rule Base',
					menu:{items:[
						{text: 'Rule Base',
							handler: function(){ViewReport(710)}
						},
					]}
				},
			]}
		},
		{text: 'Logout',
			handler: function(){location.href='logout.php'}
		}]
});
win.show();

[Kloon]

Even this simple code gives me errors in IE, it displays now but if I click on menu to open submenu I get a error.

var win = new Ext.Window({
	title: 'Test',
	closable: false,
	maximized: true,
	movable: false,
	layout: 'fit',
	tbar:[
			{text: 'Administration',
				menu:{items:[
					{text: 'Investments'}
				]}
			},
			{text: 'Operations',
				menu:{items:[
					{text: 'Investments2'}
				]}
			},
			{text: 'Logout'}
		]
});
win.doLayout();
win.show();

[Kloon]

Can someone please check if the above code is working for them in IE? You're help would really be appreciated, thank you!

[Kloon]

Got this fixed, seems like my backend that generates the code added a , behind some menu items and this caused IE to break.