html - полностью заполнены 2 ячейки

Question

Я пытаюсь понять, почему красный цвет фона по-прежнему отображается? Я бы хотел, чтобы две ячейки сливались вместе, поэтому красный не отображается.

см jsfiddle - https://jsfiddle.net/7c73417b/1/

<table> 
    <tr> 
     <td class="imageThumbN"> 
      <a href=""}"> 
      <img src="http://s8.postimg.org/5y5wc8jqp/test1.png" width="130" height="130" border="0"></a> 
     </td> 
    </tr> 
    <tr> 
     <td class="imageLink"> 
      <a href="">ImagesS</a> 
     </td> 
    </tr> 
</table> 

Answer 1

Добавьте это правило в ваш CSS: img { vertical-align: bottom; }

или

применяются font-size: 0 к td.imageThumbN

или

display: block применяются к td.imageThumbN.

DEMO

Для объяснения см мой ответ здесь: Mystery white space underneath image tag

Answer 2

Набор display: inline-block к изображению.