Problem mit HTML Tabellen - Tabellenzellen falsch positioniert

[Nomax]

Hallo!

Ich habe ein Problem mit html Tabellen und bin mittlerweile echt an einem Punkt, an dem ich nichtmehr wirklich weiter weiss!
Ich habe eine Tabelle mit einer Zeile und 2 Spalten, in der ersten Spalte ein Bild und in der zweiten ein Text. Dieser Text ist aber alles andere als an dem richtigen Ort positioniert. Aber schaut es euch selbst an, ist mit Firebug sichtbar gemacht:

http://www.nomax.cc/site.gif

Wie man sieht, einfach nur 2 Spalten, doch der rechte Text wird aus (mir) unerklärlichen Gründen am unteren Ende ausgerichtet. Auch die Höhe stimmt nicht, die müsste ja maximal so groß sein wie das Bild. (Anmerkung: Das Bild hört unten am schwarzen Rand auf)

Ich poste euch hier mal den Quelltext der Stelle:

  
<div class="container_bottom box_shadow">  
  <br>  
  <table>  
  <tbody>  
    <tr>  
      <td>  
        <img src="xyz/center_lock_abdeckkappe.jpg" height="300" width="220"             border="0">  
     </td>  
     <td>Für <a href="zxy">240s center lock</a> und <a href="zzz">Onyx center lock</a>-Naben (ausser Versionen für 15-mm-Achsen).<br>  
  
    <br>  
    Wenn Sie (zunächst) nicht vorhaben die Centerlock-Aufnahme zu benutzen.   <br>  
Schützt die Verzahnung vor Schmutz und eventuellen Sturzschäden.<br>  
    <br>  
Gewicht: 29 g  
    </td>  
    </tr>  
  </tbody>  
  </table>  
</div>  

Es ist mir also wirklich unerklärlich, wieso das nicht passt!
Das DIV , in dem sich die Tabelle befindet, hat folgende Stylesheets zugewiesen bekommen:

  
.container_bottom {  
    background-color: #FFFFFF;  
    border: 1px solid #CBCBCB;  
    border-radius: 5px 5px 5px 5px;  
    clear: both;  
    font-size: 12px;  
    margin-bottom: 10px;  
    margin-left: 0;  
    padding: 10px;  
    width: 798px;  
}  
.box_shadow {  
    box-shadow: 1px -1px 5px 0 #DCDCDC;  
}  

Ich würde mich wirklich sehr freuen, wenn mir jemand einen heissen Tipp geben könnte! MFG

[suit]

Ich würde mich wirklich sehr freuen, wenn mir jemand einen heissen Tipp geben könnte! MFG

Der heisse Tipp ist: verfasse ordentliches HTML und schmeiß die Tabelle weg, die hier genau überhaupt nix verloren hat :)

Der schnelle Pfad zur dunklen Seite der Macht ist "vertical-align".