title: absolute positioning not working with XHTML?
body: <p><br>
  I'm trying to position a DIV with absolute positioning, however it appears that with XHTML DOCTYPE it doesn't work. In the following example, the red square appears at top-left, instead of being somewhere in the middle of the screen :</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;test&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="" media="screen,projection" /&gt;
  &lt;style type="text/css"&gt;
  
  body { background-color: silver; }
  div
  {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  }
  div#one
  {
  background-color: red;
  position: absolute;
  top:520;
  left: 220; }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;
  This is some text this is some text this is some.
  &lt;/h1&gt;
  &lt;div id="one"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>If appears that if I replace the DOCTYPE to this: </p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  </code></pre>
  
  <p>It will work correctly, however I would like to follow XHTML doctype.<br>
  Any idea?</p>