[RESOLVED]Tbar not showing correctly in IE7

[Kloon]

As seen in the attachment I have a problem with my TBar display in IE7, works fine in IE8, Chrome and Firefox.

Ext.BLANK_IMAGE_URL = './includes/ext-3.1.1/resources/images/default/s.gif';
Ext.onReady(function(){
	this.win = new Ext.Window({
		title: 'RMS Web Interface',
		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: 'Authorise Dis-Investment', handler: function(){ ViewReport(206); }}, 
{text: 'Capture Dis-Investment', handler: function(){ ViewReport(203); }}]}}
, 
{text: 'Adhoc Investment', menu: { items: [
{text: 'Capture Adhoc Investment', handler: function(){ ViewReport(204); }}, 
{text: 'Check Payment', handler: function(){ ViewReport(208); }}, 
{text: 'Authorise Adhoc Investment', handler: function(){ ViewReport(207); }}]}}
]}}
, 
{text: 'Release Journal', menu: { items: [
{text: 'To Nedbank', handler: function(){ ViewReport(606); }}, 
{text: 'To OMIA', handler: function(){ ViewReport(605); }}]}}
]}}
, 
{text: 'Operations', menu: { items: [
{text: 'Logs', menu: { items: [
{text: 'Import Error', handler: function(){ ViewReport(618); }}]}}
, 
{text: 'Maintain', menu: { items: [
{text: 'Debtors', handler: function(){ ViewReport(706); }}, 
{text: 'Rebate Rule Matrix', handler: function(){ ViewReport(100); }}]}}
, 
{text: 'View Rule Base', handler: function(){ ViewReport(209); }}]}}
, {text: 'Logout',handler: function(){ location.href='logout.php'; }}
 
			]
	});

Any idea why this is happening?

[Kloon]

Resolved the error, seems like IE7 doesn't like a document type added. I just removed the document type and the menus rendered correctly.