title: vertical-align="middle" for td is not working if we use <!doctype ...>
body: <p>I am trying to middle align an element, But I have bumped into this problem. I am using this tag:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
    &lt;body&gt;
        &lt;table style="width:100%; height: 100%" cellspacing="0" cellpadding="0"&gt;
                  &lt;tr&gt;
                      &lt;td vertical-align="middle"&gt;
                          &lt;div id="progressContainer" style="text-align:center;"&gt;
                              Some string here                                                    
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;       
              &lt;/table&gt;  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If I remove this: <code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;</code>, its middle aligned properly. </p>
  
  <p>This behavior is reproducible in FF and chrome.</p>
  
  <p>Question:</p>
  
  <p>Am I doing anything wrong here?</p>