title: Ext Js IE error only
body: <p>My web app works fine on Firefox or Chrome but not in IE. It shows me the following message:</p>
  <blockquote>
  <p>Object doesn't support this property or method</p>
  <p>File: ext-all.js - Line: 7 - Char: 6100</p>
  </blockquote>
  <p>Any ideas how to fix it?</p>
  <p><strong>BTW: I'm using ext 3.4.</strong></p>
  <p>Edit: All my ext layout creator code:</p>
  <pre><code>Ext.onReady(function() { 
  var viewport = new Ext.Viewport({ 
      layout: 'border', 
      renderTo: document.body, 
      items: [{ 
          region: 'north', 
          height: 25, 
          xtype: 'toolbar', 
          items: [{ 
              xtype: 'button', 
              text: 'Início', 
              iconCls: 'home', 
              handler:function() { 
                  var tabs = Ext.getCmp('dynamic-tabs'); 
                  tabs.add({ 
                      title: 'Início', 
                      closable:true, 
                      iconCls:'home' 
                  }).show(); 
              } 
          }, { 
              xtype: 'button', 
              text: 'Sistema', 
              iconCls: 'sistema',
               menu: {
                   items: [{
                       text: 'Usuários', 
                       iconCls: 'usuario', 
                       handler: function(){ }, 
                       menu: { 
                          items: [{ 
                              text: 'Teste1',
                              iconCls: 'usuario', 
                              handler: function(){ 
                                  var tabs = Ext.getCmp('dynamic-tabs'); 
                                  tabs.add({ 
                                      title: 'Teste1', 
                                      closable:true, 
                                      autoLoad: 'iframe.php?url=index.php', 
                                      iconCls: 'usuario' 
                                  }).show(); 
                              }
                          }, { 
                              text: 'Teste2', 
                              iconCls: 'usuario', 
                              handler: function(){ 
                                  var tabs = Ext.getCmp('dynamic-tabs'); 
                                  tabs.add({ 
                                      title: 'Teste2', 
                                      closable:true, 
                                      autoLoad: 'iframe.php?url=index.php', 
                                      iconCls: 'usuario' 
                                  }).show(); 
                              } 
                          }] 
                      }
                  }, { 
                      text: 'Configurações', 
                      iconCls: 'sistema', 
                      handler: function(){ 
                          var tabs = Ext.getCmp('dynamic-tabs'); 
                          tabs.add({ 
                              title: 'Configurações', 
                              closable:true, 
                              autoLoad: 'iframe.php?url=form.php', 
                              iconCls: 'sistema' 
                          }).show(); 
                      }
                  }, { 
                      text: 'Relatório Vertical', 
                      iconCls: 'relatorio', 
                      handler: function(){ 
                          var tabs = Ext.getCmp('dynamic-tabs'); 
                          tabs.add({
                              title: 'Relatório Vertical', 
                              closable:true, 
                              autoLoad: 'iframe.php?url=relatorio_v.php', 
                              iconCls: 'relatorio'
                          }).show(); 
                      } 
                  }, { 
                      text: 'Relatório Horizontal',
                      iconCls: 'relatorio', 
                      handler: function(){ 
                      var tabs = Ext.getCmp('dynamic-tabs'); 
                      tabs.add({ 
                          title: 'Relatório Horizontal', 
                          closable:true, 
                          autoLoad: 'iframe.php?url=relatorio_h.php', 
                          iconCls: 'relatorio' 
                      }).show(); 
                  } 
              },
              '-', { 
                  text: 'Sair', 
                  iconCls: 'logoff', 
                  handler: function(){
                      location.reload() 
                  } 
              }] 
          } 
      }, { 
          xtype: 'button', 
          text: 'Abas', 
          iconCls: 'abas', 
          menu: { 
              items: [{ 
                  text: 'Criar nova Aba', 
                  iconCls: 'tab_add', 
                  handler: function(){ 
                      var tabs = Ext.getCmp('dynamic-tabs'); 
                      tabs.add({
                          title: 'Nova Aba', 
                          html: 'Tab Body', 
                          closable:true, 
                          iconCls: 'tab_add' 
                      }).show() 
                  } 
              }, { 
                  text: 'Ir para a primeira Aba', 
                  iconCls: 'tab_go', 
                  handler: function(){
                      tabs.setActiveTab(0); 
                  }
              }, { 
                  text: 'Excluir 2a Aba', 
                  iconCls: 'tab_delete', 
                  handler: function(){ 
                      var tabs = Ext.getCmp('dynamic-tabs'); 
                      if (tabs.get(1)) { 
                          var tab = tabs.get(1); 
                          tabs.remove(tab); 
                      } 
                  } 
              }] 
          } 
      }, { 
          xtype: 'button', 
          text: 'Menus', 
          iconCls: 'usuario', 
          menu: { 
              items: [{ 
                  text: 'Sub-menus com título dif.', 
                  iconCls: 'usuario', 
                  handler: function(){ }, 
                  menu: {
                      items: ['Título do Sub-menu', 
                      { 
                          text: 'Sub-menu #1', 
                          iconCls: 'usuario', 
                          handler: function(){ 
                              var tabs = Ext.getCmp('dynamic-tabs');
                              tabs.add({ 
                                  title: 'Sub-menu #1', 
                                  closable:true, 
                                  autoLoad: 'iframe.php?url=phpinfo.php', 
                                  iconCls: 'usuario'
                              }).show(); 
                          } 
                      }, { 
                          text: 'Sub-menu #2', 
                          iconCls: 'usuario', 
                          handler: function(){ 
                              var tabs = Ext.getCmp('dynamic-tabs'); 
                              tabs.add({
                                  title: 'Sub-menu #2', 
                                  closable:true, 
                                  autoLoad: 'iframe.php?url=phpinfo.php', 
                                  iconCls: 'usuario'
                              }).show(); 
                          } 
                      }] 
                  }
              }, { 
                  text: 'Sub-menus com título igual',
                  iconCls: 'usuario', 
                  handler: function(){ }, 
                  menu: {
                      items: ['Sub-menus com título igual', 
                      {
                          text: 'Sub-menu #1', 
                          iconCls: 'usuario', 
                          handler: function(){ 
                              var tabs = Ext.getCmp('dynamic-tabs'); 
                              tabs.add({
                                  title: 'Sub-menu #1', 
                                  closable:true, 
                                  autoLoad: 'iframe.php?url=phpinfo.php', 
                                  iconCls: 'usuario'
                              }).show(); 
                          }
                      }, { 
                          text: 'Sub-menu #2', 
                          iconCls: 'usuario', 
                          handler: function(){ 
                              var tabs = Ext.getCmp('dynamic-tabs'); 
                              tabs.add({ 
                                  title: 'Sub-menu #2', 
                                  closable:true, 
                                  autoLoad: 'iframe.php?url=phpinfo.php', 
                                  iconCls: 'usuario'
                              }).show();
                          } 
                      }] 
                  } 
              }, { 
                  text: 'Sub-menus sem título', 
                  iconCls: 'usuario', 
                  handler: function(){ }, 
                  menu: { 
                      items: [{ 
                          text: 'Sub-menu #1', 
                          iconCls: 'usuario', 
                          handler: function(){ 
                              var tabs = Ext.getCmp('dynamic-tabs'); 
                              tabs.add({
                                  title: 'Sub-menu #1', 
                                  closable:true, 
                                  autoLoad: 'iframe.php?url=phpinfo.php', 
                                  iconCls: 'usuario'
                              }).show(); 
                          } 
                      }, { 
                          text: 'Sub-menu #2', 
                          iconCls: 'usuario', 
                          handler: function(){ 
                              var tabs = Ext.getCmp('dynamic-tabs'); 
                              tabs.add({ 
                                  title: 'Sub-menu #2', 
                                  closable:true, 
                                  autoLoad: 'iframe.php?url=phpinfo.php', 
                                  iconCls: 'usuario'
                              }).show(); 
                          } 
                      }] 
                  } 
              }, { 
                  text: 'Sub-menu grande', 
                  iconCls: 'usuario', 
                  handler: function(){ }, 
                  menu: { 
                      items: [{
                          text: 'Nível #1', 
                          iconCls: 'usuario', 
                          handler: function(){ }, 
                          menu: { 
                              items: [{ 
                                  text: 'Nível #2', 
                                  iconCls: 'usuario', 
                                  handler: function(){ }, 
                                  menu: { 
                                      items: [{ 
                                          text: 'Nível #3', 
                                          iconCls: 'usuario', 
                                          handler: function(){ }, 
                                          menu: { 
                                              items: [{ 
                                                  text: 'Nível #4 e etc...', 
                                                  iconCls: 'usuario', 
                                                  handler: function(){ } 
                                              }] 
                                          } 
                                      }] 
                                  } 
                              }] 
                          } 
                      }] 
                  } 
              }] 
          } 
      }] 
  } , { 
      region: 'center', 
      xtype: 'tabpanel', 
      id: 'dynamic-tabs', 
      items: [{
          title: 'Início', 
          autoLoad: 'iframe.php?url=phpinfo.php', 
          iconCls:'home'
  }] 
  } , { 
      region: 'south', 
      xtype: 'toolbar', 
      id: 'barra', 
      height: 25, 
      items: [{ 
          xtype: 'tbtext', 
          text: 'Pacific Tecnologia da Informação © 2011', 
          html: '&lt;img src=\'imagens/logo_peq.png\' /&gt;' 
      }] 
  }] 
  }); 
  
  var tabs = Ext.getCmp('dynamic-tabs'); tabs.setActiveTab(0); });
  </code></pre>
  <p>It's a simple sample menu. I tested in IE version 8 and emulating 7 with compatibility mode.</p>
  <p>Interesting observation: In Firefox firebug's console shows:</p>
  <pre><code>  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; class=&quot; x-viewport&quot;&gt;
      &lt;head&gt;&lt;/head&gt;
      &lt;body id=&quot;ext-gen5&quot; class=&quot; ext-gecko ext-gecko3 x-border-layout-ct&quot;&gt;
      etc...
  </code></pre>
  <p>IE's Developers Tools shows:</p>
  <pre><code>    &lt;html class=&quot; x-quirks  ext-border-box x-viewport&quot;&gt;
      &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;body class=&quot;   ext-ie ext-ie7 x-border-layout-ct&quot; id=&quot;ext-gen5&quot; scroll=&quot;no&quot;&gt;
      Texto - 
      DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;
      Texto - Nó de Texto Vazio
      &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;
      &lt;script language=&quot;javascript&quot; src=&quot;js/ext/adapter/ext/ext-base.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      etc... 
  </code></pre>
  <p>My HTML file:</p>
  <pre><code>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
  &lt;head&gt;
      &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
      
      &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; src=&quot;js/ext/adapter/ext/ext-base.js&quot;&gt;&lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; src=&quot;js/ext/ext-all-debug.js&quot;&gt;&lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; src=&quot;js/menu.js.php&quot;&gt;&lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; src=&quot;js/layout.js.php&quot;&gt;&lt;/script&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;js/ext/resources/css/ext-all.css&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;js/ext/resources/css/xtheme-blue.css&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/menu.css&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/layout.css&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/icones.css.php&quot; /&gt;&lt;/head&gt;
   
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>