Warum hat dieser Tisch einen Rand?

Question

En este Seite scheint es ein kleines Problem zu geben... es ist ein Stückchen Weiß zu sehen.

Hier ist der entsprechende HTML-Code:

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

...und der 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;
}

Ich habe alles versucht, damit der Splitter verschwindet. Wie kann ich es schaffen?

Nota: Ich kann nicht auf DIVs umsteigen - eigentlich hatte ich ursprünglich DIVs verwendet, war aber auf einige andere Probleme gestoßen.

Answer 1

Es handelt sich um Unterlängen, da das Bild inline ist. Sie können es auf Block setzen.

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

Editar : Bewerbung display:block; auf alle 2-3 Bilder in der ersten Tabellenzeile. Bedeutung #topbar_site img y #topbar_log img

Answer 2

Cellpadding="0" und cellspacing="0" zum Tabellenelement hinzufügen