title: Why border of <tr> not showing in IE?
body: <p>Why border of <code>tfoot tr:first-child</code> not showing in IE. I'm checking in IE7.</p>
  
  <p><code>font-weight:bold; background:yellow</code> is showing in IE but border not</p>
  
  <pre><code>table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  
  table tfoot tr:first-child {
      font-weight:bold;
      background:yellow;
      border-top:2px solid red; 
      border-bottom:2px solid red;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;table cellpadding="0" cellspacing="0"&gt;
   &lt;thead&gt;
    &lt;tr&gt;
     &lt;th align="left" scope="col"&gt;XXXX&lt;/th&gt;
     &lt;th align="right" scope="col"&gt;XXXX&lt;/th&gt;
     &lt;th align="right" scope="col"&gt;XXXX&lt;/th&gt;
     &lt;th align="right" scope="col"&gt;XXXX&lt;/th&gt;
    &lt;/tr&gt;
   &lt;/thead&gt;
    &lt;tfoot&gt;
    &lt;tr&gt;
     &lt;td colspan="3"&gt;XXXX&lt;/td&gt;
     &lt;td align="right"&gt;XXX&lt;/td&gt;
    &lt;/tr&gt;
     &lt;tr&gt;
     &lt;td colspan="4"&gt;XXX&lt;/td&gt;
     &lt;/tr&gt;
   &lt;/tfoot&gt;
   &lt;tbody&gt;
    &lt;tr&gt;
     &lt;td align="left"&gt;XXXX&lt;/td&gt;
     &lt;td align="right"&gt;XXXX&lt;/td&gt;
     &lt;td align="right"&gt;XXXX&lt;/td&gt;
     &lt;td align="right"&gt;XXXX&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>update:</p>
  
  <p>i'm  using this doctype</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
  &lt;html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"&gt;
  </code></pre>