title: IE8 issue: AngularJS ng-include - partials with HTML5 node structure
body: <p>Quick question about AngularJS ng-includes where the partials have HTML5 node structure ie: header, nav, footer...</p>
  
  <p>In my header, i have all the great stuff to make Angular work well in Internet Explorer 8 and below.</p>
  
  <p>All the ng-view and ng-includes work as intended.</p>
  
  <pre><code>&lt;!--[if lt IE 9]&gt;
      &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  
  &lt;!-- Internet Explorer AngularJS element creation --&gt;
  &lt;!--[if lte IE 8]&gt;
      &lt;script&gt;
          document.createElement('ng-include');
          document.createElement('ng-pluralize');
          document.createElement('ng-view');
          document.createElement('ng:include');
          document.createElement('ng:pluralize');
          document.createElement('ng:view');
      &lt;/script&gt;
      &lt;script src="http://cdnjs.cloudfare.com/ajax/libs/json3/3.2.4/json3.min.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>The trouble is when the partial has an HTML5 node in it.</p>
  
  <p>Assumption: partial is called header in partials.</p>
  
  <pre><code>&lt;ng-include src="'partials/header.partial.html'"&gt;&lt;/ng-include&gt;
  </code></pre>
  
  <p>Example 1 (header.partial.html source - does not display in IE8)</p>
  
  <pre><code>&lt;header&gt;
      &lt;h1&gt;logo&lt;/h1&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>Example 2 (header.partial.html source - display in IE8)</p>
  
  <pre><code>&lt;div&gt;
      &lt;h1&gt;logo&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have included the require script from angular as well as the html5 shim.</p>
  
  <p>If i move the content of the partial to the root file, everything is good.</p>
  
  <p>Thoughts?</p>