[CLOSED] "Invalid target element for this operation" in IE8 (bug?)

[PSB]

Hi.

I try this code:

new Ext.Panel({
	renderTo:Ext.getBody(),
	items:[{
		xtype:"container",
		listeners:{
			render:function(){
                                         Ext.DomHelper.append("object",[{tag:"embed",id:"embed",type:"image/svg+xml"}]);
			}
		},
		autoEl:{
			tag:"object",
			id:"object",
			type:"image/svg+xml"
		}
	}]
});

In GChome - OK
In FF3 - OK

In IE8 - report error:

line: 7
symbol: 2071
error code: 0
Message: Invalid target element for this operation.
URL: RESOURCE/ext-3.2.1/ext-all.js

[PSB]

Please help!

I try use another code:

xtype:"container",
autoEl:{
	tag:"object",
	id:"SMKI_imageView_object",
	type:"image/svg+xml"
},
items:[{
	xtype:"box",
		autoEl:{
		tag:"embed",
		id:"SMKI_imageView_embed",
		type:"image/svg+xml"
	}
}]

In GCrome - OK
In FF3 - OK

In IE8:

Invalid argument.  ext-all.js, line 7 character 126479 (b.dom.insertBefore(this.el.dom,a);)

[Condor]

Why not use:

xtype:"box",
autoEl:{
  tag:"object",
  id:"SMKI_imageView_object",
  type:"image/svg+xml",
  children: [{
    tag:"embed",
    id:"SMKI_imageView_embed",
    type:"image/svg+xml"
  }]
}

[PSB]

Thanks!