title: Declaring Document Type at Beginning Changes Look of Header
body: <p>So, I have quite the strange problem here.  I started off editing an already made webpage, and the DOCTYPE was not at the beginning, it was a few lines down, actually after the header.</p>
  
  <p>This is my beginning HTML</p>
  
  <p>
  </p>
  
  <pre><code>&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;LymeMD :: Lyme Disease Research Foundation&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="stylenew1.css" /&gt;
  
  &lt;/head&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;body&gt;
  &lt;div id="Header"&gt;
  &lt;div id="logowrap"&gt;
  &lt;h1 class="fltlft"&gt;&lt;a class="logo" href="index.php" title="LymeMD - Lyme Disease Research 
  Foundation"&gt;LymeMD - Lyme Disease Research Foundation&lt;/a&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>And here is what I think is the relevant CSS:</p>
  
  <pre><code>#header {
  background-image:url(images/headerbg.jpg);
  background-repeat:repeat-x;
  width: 100%;
  margin: 0 auto;
  }
  .logo {
  background: url(images/logo3.png) no-repeat 0 0;
  width: 1040px;
  height: 120px;
  display: block;
  text-indent: -9999px;
  position: relative;
  }
  #logowrap {
  width: 1040px;
  margin: 0 auto;
  }
  </code></pre>
  
  <p>When I move the !DOCTYPE to before the header, I lose the headerbg.jpg background-image contained within the #header.</p>
  
  <p>Here is my active webpage for reference if need be:
  <a href="http://www.lymemd.org/indexmm4.php" rel="nofollow">http://www.lymemd.org/indexmm4.php</a></p>