title: Ajax request works, but with no CSS
body: <p>Below is a snippet of code I have for an Ajax request.  The request works, but when the request is processed the page appears without any of the CSS (even though I have everything in the same directory).  To test this I made the request point to a page on my site that already existed.  Any help?  Thanks in advance.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
  function loadXMLDoc()
  {
  var xmlhttp;
  if (window.XMLHttpRequest)
    {
    xmlhttp=new XMLHttpRequest();
    }
  else
    {
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
      {
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
      }
    }
  xmlhttp.open("GET","ajaxtest.html",true);
  xmlhttp.send();
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="myDiv"&gt;&lt;h2&gt;Let AJAX change this text&lt;/h2&gt;&lt;/div&gt;
  &lt;button type="button" onclick="loadXMLDoc()"&gt;Change Content&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>