title: Php include annoying top margin
body: <p>I don't know why every time I try to include my header using PHP’s <code>include</code> there's a top margin. I checked it using Firebug and it says there's a 22px offset margin on the top. Is anybody experiencing this problem? I think it's a CSS propiety: top: 22px. But nothing can change it even if I write h1 style="top: 0px; margin-top: 0px;". I think it's a php-CSS mystery that will never be solved.</p>
  
  <p>edit: The only way to get rid of that top margin offset or whatever it is, is to add the follow properties to the H1: top: 0px;
                           position: absolute;</p>
  
  <p>Will those properties generate more problems in the future?</p>
  
  <p><strong>is there a better way to solve this top margin-offset problem?</strong></p>
  
  <p>edit2: I think there's a problem with the encoding. Is there a conflict between the encoding of the included file (header.html) and the index file?</p>
  
  <p>My index goes like this:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type" /&gt;
      &lt;title&gt;Untitled 1&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="style2.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="page-wrap"&gt;
      &lt;?php include_once("header2.html"); ?&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>With this CSS:</p>
  
  <pre><code>* {
      padding: 0px;
      margin: 0px;
  }
  </code></pre>
  
  <p>My <em>header.html</em> (the one that’s being included):</p>
  
  <pre><code>&lt;h1&gt;Header 2&lt;/h1&gt; 
  </code></pre>
  
  <p>And that’s the output:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type" /&gt;
      &lt;title&gt;Untitled 1&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="style2.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="page-wrap"&gt;
      ﻿&lt;h1&gt;Header 2&lt;/h1&gt;  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <ul>
  <li>God its so simple that I really dont know where the top margin is coming from (in all browsers).</li>
  <li>It only happens when I use php includes.</li>
  <li>The source code looks the same as when I dont use php include.</li>
  </ul>