div table-cellで垂直パディングを削除するにはどうすればよいですか？

Question

は、私が（#headと#body<div>'sの間のスペースに注意）my website上で、以下のCSSを持っている（同じ問題を持っていると思われる）のアカウントにこのweb exampleを取る：

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

はしかし、これはまだ間にスペースを追加しますテーブルセルの上部と下部。パディングとマージンはこれに対して何もしないようです。助言？

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