IE9 problem on innerHTML

[veenvliet.morion]

Hi,
I've got a problem.
I use Ext.Loader extensivly, and only load ext-debug.js.

In all browsers this works great, but on IE9 I got an error on setting innerHTML in (and some other places).
It gives an exception without any information...

Any Ideas?

Ext.supports = {
    
    init : function() {
        var me = this,
            doc = document,
            tests = me.tests,
            n = tests.length,
            div = n && Ext.isReady && doc.createElement('div'),
            test, notRun = [];


        if (div) {
            div.innerHTML = [
                '<div style="height:30px;width:50px;">',
                    '<div style="height:20px;width:20px;"></div>',
                '</div>',
                '<div style="width: 200px; height: 200px; position: relative; padding: 5px;">',
                    '<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>',
                '</div>',
                '<div style="position: absolute; left: 10%; top: 10%;"></div>',
                '<div style="float:left; background-color:transparent;"></div>'
            ].join('');


            doc.body.appendChild(div);
        }

[scottmartin]

Do you receive the same if you use ext.js, or if you use ext-all-debug instead of using loader to see if you get the same error?

Scott.

[veenvliet.morion]

With ext-all.js and ext-all-debug.js everything is fine.

With ext.js and ext-debug.js thing go wrong on setting the innerHTML.