title: HTML Strict increases line height
body: <p>Why does XHTML 1.0 Strict display a line height as appearing larger than a line height of the same value in XHTML 1.0 Transitional?</p>
  
  <p>This therefore pushing down content within table cells (i.e Hotmail in Firefox, Gmail in IE and Firefox). Has anyone else experienced this issue and know a way around it?</p>
  
  <p>Cheers</p>
  
  <p>Heres an example code for each XHTML type:</p>
  
  <p>Transitional:</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 http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;table width="500" border="1" cellspacing="0" cellpadding="0"&gt;
    &lt;tr&gt;
      &lt;td style="line-height:18px;"&gt;&lt;font style="line-height:18px; font-size:16px; font-family:Arial, Helvetica, sans-serif;"&gt;This cell will be larger in Strict&lt;/font&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Strict:</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"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;table width="500" border="1" cellspacing="0" cellpadding="0"&gt;
    &lt;tr&gt;
      &lt;td style="line-height:18px;"&gt;&lt;font style="line-height:18px; font-size:16px; font-family:Arial, Helvetica, sans-serif;"&gt;This cell will be larger in Strict&lt;/font&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>