Почему на этой таблице есть граница?

Question

На на этой странице, кажется, есть небольшая проблема ... появляется белое пятно.

Вот соответствующий HTML-код:

<table id="topbar"> 
 <tr> 
  <td id="topbar_logo"> 
   <a href="http://stackmobile.com/" style='padding: 0px;'>
    <img src='images/logo.png'
         style='width: 48px; height: 40px; border: 0px; margin: 0px;' />
   </a> 
  </td> 
  ...
 </tr> 
</table>

... и CSS-код:

#topbar {
    width: 100%;
    border-collapse: collapse;
    background-image: url(images/top_bg.png);
    background-repeat: repeat-x;
    height: 40px;
    margin: 0px;
}

#topbar_logo {
    padding: 0px;
    width: 48px;
    height: 40px;
}

Я перепробовал все, чтобы убрать ленту.Как я могу это сделать?

Примечание: Я не могу переключиться на DIV - фактически я изначально использовал DIV, но столкнулся с некоторыми другими проблемами.

Answer 1

Это пространство спуска, так как изображение встроено.Вы можете установить блокировку.

http://work.arounds.org/mysterious-white-space-gap-under-image-elements/

Редактировать : применить display:block; ко всем 2-3 изображениям в первой строке таблицы.Значение #topbar_site img и #topbar_log img

Answer 2

добавить cellpadding = "0" и cellspacing = "0" к элементу таблицы