title: How do I remove the vertical padding in a div table-cell?
body: <p>Take this <a href="http://snook.ca/technical/div_tables/fluid3col.html" rel="noreferrer">web example</a> into account (it seems to have the same issue) I have the following CSS on <a href="http://lawtonsoft.com/" rel="noreferrer">my website</a> (note the space between the <code>#head</code> and <code>#body</code> <code>&lt;div&gt;'s</code>):</p>
  
  <pre><code>#body {
          display: table;
          border-spacing: 0;
          border-collapse: collapse;
  }
  
  #body-row {
          display: table-row;
          margin: 0;
          padding: 0;
  }
  
  .column-left, .column, .column-right {
          display: table-cell;
          padding: 0px;
          border: dotted 2px #89E;
  }
  
  .column-left, .column-right {
          width: 190px;
          font-size: .95em;
  }
  </code></pre>
  
  <p>However, this still adds a space between the very top and bottom of the table-cell. Padding and margin do no seem to do anything for this. Advice?</p>