title: overflow: hidden on table causes bottom and right border to dissappear
body: <p>As the title says my table border is being cut off on my table when using overflow: hidden. Please see code below for example. </p>
  
  <pre><code>    &lt;style&gt;
          table {
              border-collapse: collapse;
          }
  
          table {
              border: 1px solid black;
              overflow: hidden;
          }
  
      &lt;/style&gt;
  
      &lt;body&gt;
          &lt;table&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;header 1&lt;/th&gt;
                      &lt;th&gt;header 2&lt;/th&gt;
                      &lt;th&gt;header 3&lt;/th&gt;
  
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;th&gt;side header&lt;/th&gt;
                      &lt;td&gt;data 1&lt;/td&gt;
                      &lt;td&gt;data 2&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
              &lt;tfoot&gt;
                  &lt;tr&gt;
                      &lt;th&gt;footer header&lt;/th&gt;
                      &lt;td&gt;footer 2&lt;/td&gt;
                      &lt;td&gt;footer 3&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tfoot&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have simplified my example down the the bare minimum. I could lose the border-collapse style which would correct this, but I need that style. My code becomes to messy without it.</p>
  
  <p>As an interim solution I have found that I can hack it using the css below, but I am not a hug fan of hacks!</p>
  
  <pre><code>.borderhack:after {
              content: '\00a0';
              position: absolute;
              border: 1px solid black;
              left: -2px;
              top: -2px;
              width: 100%;
              height: 100%;
              z-index: -10;
          }
  
          table {
              position: relative;
          }
  </code></pre>
  
  <p>I would appreciate any explanations or better solutions to this. I am really interested to know why it's actually doing this after a days worth of investigation.</p>
  
  <p>Thanks </p>