title: innerHTML doesn't work correctly with xhtml in Chrome
body: <p>I've got a trouble with Chrome5.0.375.70, <strong>but FF</strong> 3.6.3 and <strong>Opera</strong> 10.53 are OK. Below is the line of code:</p>
  
  <pre><code>document.getElementById('content').innerHTML = data.documentElement.innerHTML; 
  </code></pre>
  
  <p>The <strong>data</strong> object from the code is a document (typeof(data) == 'object') and I've got it by ajax request to <strong>chapter01.xhtml</strong>: </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!DOCTYPE html [
  &lt;!ENTITY D "&amp;#x2014;"&gt;
  &lt;!ENTITY o "&amp;#x2018;"&gt;
  &lt;!ENTITY c "&amp;#x2019;"&gt;
  &lt;!ENTITY O "&amp;#x201C;"&gt;
  &lt;!ENTITY C "&amp;#x201D;"&gt;
  ]&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;title&gt;Alice's Adventures in Wonderland by Lewis Carroll. Chapter I: Down the Rabbit-Hole&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css"/&gt;
  &lt;link rel="stylesheet" type="application/vnd.adobe-page-template+xml" href="page-template.xpgt"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="title_box"&gt;
  &lt;h2 class="chapnum"&gt;Chapter I&lt;/h2&gt;
  &lt;h2 class="chaptitle"&gt;Down the Rabbit-Hole&lt;/h2&gt;
  &lt;hr/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The Chrome <strong>cuts</strong> all <strong>before body</strong> and <strong>as a result</strong> link to <strong>css</strong> in header <strong>is missed</strong>; user can't see formatted text and images. </p>
  
  <p>How can I fix it or bypass?</p>
  
  <p>P.S. I try to put <strong>chapter01.xhtml</strong> into div which is contained by <code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</code></p>