title: Respond.js not working in Internet Explorer 7, but H5BP example works
body: <p>This responsive example from <a href="http://www.initializr.com/try" rel="nofollow noreferrer">H5BP</a> works well in Internet&nbsp;Explorer&nbsp;7, Internet&nbsp;Explorer&nbsp;8 and Internet&nbsp;Explorer&nbsp;9, but when I use H5BP in my own project, it doesn't work in Internet&nbsp;Explorer&nbsp;7 only. I've also tried omitting H5BP and using purely html5shiv + Respond.js (also with selectivzr.js), but I encounter the same issue (it does not work in Internet&nbsp;Explorer&nbsp;7). And I cannot see any JavaScript/console error.</p>
  
  <p>Trying <em>css3-mediaqueries.js</em> I found that works well on Internet&nbsp;Explorer&nbsp;7, Internet&nbsp;Explorer&nbsp;8 and Internet&nbsp;Explorer&nbsp;9, but I noticed that the transition (reading media queries) is delayed by almost a second, so I don't want to use it. Respond.js is much faster.</p>
  
  <p>I've read the "cross-domain/CDN issue" on <a href="https://github.com/scottjehl/Respond" rel="nofollow noreferrer">the respond.js page</a> and my test project is in a subdomain root (for example, subdomain[dot]mydomain[dot]tld/), so if this is the problem why does it work well on Internet&nbsp;Explorer&nbsp;8 and Internet&nbsp;Explorer&nbsp;9 but not in Internet&nbsp;Explorer&nbsp;7?</p>
  
  <p>Not working in Internet&nbsp;Explorer&nbsp;7 means that the columns aren't collapsing in Internet&nbsp;Explorer&nbsp;7 only, media queries are not read.</p>
  
  <p>I've downloaded the initializr responsive demo with html5shiv.js and respond.js and it works well on my subdomain, so "cross-domain/CDN issue" is not the problem :/</p>
  
  <p>In Internet&nbsp;Explorer, I've disabled "<a href="https://stackoverflow.com/questions/15127040/respond-js-not-working-in-ie-8">Enable protected mode</a>", and now it works. <strong><em>But why do the online examples (H5BP and initializr), despite this security setting being enabled, work?</em></strong></p>
  
  <p>This is the HEAD of the last test I made:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html dir="ltr" lang="it"&gt;
  &lt;head&gt;
      &lt;link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic,700italic,300italic,300&amp;subset=latin,latin-ext,greek-ext,greek" rel="stylesheet" type="text/css" /&gt;
      &lt;meta charset="&lt;?php echo $charset; ?&gt;" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
      &lt;title&gt;&lt;?php echo $cur_title; ?&gt;&lt;/title&gt;
      &lt;meta name="&lt;?php echo $cur_desc; ?&gt;" /&gt;
      &lt;link rel="canonical" href="&lt;?php echo $cur_canonical; ?&gt;" /&gt;
      &lt;meta name="author" content="&lt;?php echo $author; ?&gt;" /&gt;
      &lt;base href="&lt;?php echo $cur_base; ?&gt;" /&gt;
      &lt;meta http-equiv="imagetoolbar" content="no" /&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" /&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" /&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" /&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" /&gt;
      &lt;link rel="shortcut icon" href="apple-touch-icon-57x57.png" /&gt;
      &lt;link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /&gt;
      &lt;link rel="icon" href="favicon.ico" type="image/x-icon" /&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
  
      &lt;!--[if lt IE 9]&gt;
          &lt;script type="text/javascript" src="js/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!--[if lt IE 9]&gt;
          &lt;script type="text/javascript" src="js/html5shiv.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;script type="text/javascript" src="js/jquery-1.8.0.min.js"&gt;&lt;/script&gt;
  
      &lt;!--[if (gte IE 6)&amp;(lte IE 8)]&gt;
          &lt;script type="text/javascript" src="selectivizr.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="css/normalize.min.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css" /&gt;
      &lt;script type="text/javascript" src="js/jquery.easing-1.3.pack.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.mousewheel-3.0.4.pack.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.hoverIntent.minified.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.quicksearch.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;var base = '&lt;?php echo $base; ?&gt;';&lt;/script&gt;
      &lt;script type="text/javascript"&gt;var isMobile = &lt;?php echo $isMobile; ?&gt;;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/common.js&lt;?php echo '?'.time(); ?&gt;"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>