title: CSS border will not show on empty row
body: <p>I have a table within a table that has 2 rows. I managed to set the border for the top row, which contains a word. However, I just cannot get the border for the bottom empty row to show. </p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;table  class="WorkflowBlock"  width="160" cellspacing="0" cellpadding="0"&gt;
     &lt;tbody&gt;
        &lt;tr&gt;
           &lt;td valign="Top"&gt;
              &lt;table width="100%" cellspacing="0" cellpadding="0"&gt;
                 &lt;tbody&gt;
                    &lt;tr&gt;
                       &lt;td height="30" align="Left" class="stepNext" valign="Top" colspan="3"&gt;
                          &lt;span title="Order"&gt;
                             &lt;ol class="flow" start="4"&gt;
                                &lt;li style="font-weight: bold;"&gt;Order&lt;/li&gt;
                             &lt;/ol&gt;
                          &lt;/span&gt;
                       &lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr class="content"&gt;
                       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                       &lt;td&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/td&gt;
                       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                    &lt;/tr&gt;
                 &lt;/tbody&gt;
              &lt;/table&gt;
           &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.WorkflowBlock .stepNext {
      color: #333333;
      background-color: #FFFFFF;
      border: 1px solid #DDDDDD;
  }
  .WorkflowBlock .content {
      background-color: #FFFFFF;
      border: 1px solid #DDDDDD;
  }
  </code></pre>
  
  <p>Any idea what did I miss? 
  Here's the fiddler: <a href="https://jsfiddle.net/50qhrph6/" rel="nofollow">https://jsfiddle.net/50qhrph6/</a></p>