css - How do I remove the vertical padding in a div table-cell? -

Keep this in mind (this is the only problem) I have the following CSS (Note #head And #body

):

  #body {display: table; Border-spacing: 0; Degradation: collapse; } # Body-row {display: table-row; Margin: 0; Padding: 0; } .column-left, .column, .column-right {display: table-cell; Padding: 0 pixels; Border: dotted 2px # 89E; } .column-left, .column-right {width: 190px; Font-size: .95em; }   
 However, it still adds a place between the top and bottom of the table-cell. Padding and margins do nothing for this. advice?   
 
 
 . Column-left, .column, .column-right {vertical-align: top; / * Add vertical align top to fix this problem * / display: table-cell; Padding: 0 pixels; Border: dotted 2px # 89E; }