title: Doctype and CSS
body: <p>I have following code with doctype transitional but when I set it to strict then the position of images get changed and moves upward. Could you please help me in understanding the underlying issue and where I can find list of these type of other CSS conflicts between different doctypes.</p>
  
  <p>Please note that I know that few HTML tags are not available in strict mode but I am specific about CSS conflicts.</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&gt;
  &lt;body&gt;
  &lt;style type="text/css"&gt;
  span.check:before { content: url("http://i41.tinypic.com/2rxea7d.png"); }
  &lt;/style&gt;
  &lt;table&gt; 
  &lt;tr&gt;
  &lt;th&gt;Ruby on Rails&lt;/th&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;th&gt;Road on Rails&lt;/th&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>