title: Disappearing CSS table cell borders in Gecko-based browsers
body: <p>I have a very specific html table construct that seems to reveal a Gecko bug.</p>
  
  <p>Here's a distilled version of the problem.  Observe the following table in a gecko-based browser (FF, for example):  (you'll have to copy and paste this into a new file)</p>
  
  <pre><code>&lt;style&gt;
  table.example{
      border-collapse:collapse;
  }
  table.example td {
      border:1px solid red;
  }
  &lt;/style&gt;
  &lt;table class="example"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;1&lt;/th&gt;
              &lt;th&gt;2&lt;/th&gt;
              &lt;th&gt;3&lt;/th&gt;          
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
              &lt;td rowspan="3"&gt;3&lt;/td&gt;
  
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td rowspan="2"&gt;2&lt;/td&gt;      
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;3&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>There's a line missing over the "3" in the bottom-right cell -- view it in any other browser and the line will appear as expected.  Interestingly, ditch the thead section of the table and look what we get:</p>
  
  <pre><code>&lt;style&gt;
  table.example{
      border-collapse:collapse;
  }
  table.example td {
      border:1px solid red;
  }
  &lt;/style&gt;
  &lt;table class="example"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
              &lt;td rowspan="3"&gt;3&lt;/td&gt;
  
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td rowspan="2"&gt;2&lt;/td&gt;      
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;3&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Doing that makes it work.  Has anyone seen this?  I suppose I'll just get rid of my thead section for now as a workaround though it makes the table rather less accessible.</p>