Come rimuovere il riempimento verticale in una cella di tabella div?

Question

prendere questo web example in considerazione (sembra avere lo stesso problema) Ho il seguente CSS su my website (notare lo spazio tra il #head e #body<div>'s):

#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; 
} 

Tuttavia, questo aggiunge ancora uno spazio tra la parte superiore e inferiore della cella del tavolo. Padding e margine non sembrano fare nulla per questo. Consigli?

Answer 1

.column-left, .column, .column-right { 
    vertical-align: top; /* add vertical align top to fix this issue */ 
    display: table-cell; 
    padding: 0px; 
    border: dotted 2px #89E; 
}