breiten-problem mit cellspacing

[arm dran]

hallo zusammen,

ich habe ein problem und bekomme es einfach nicht auf einen Nenner.
Folgendes szenario:

Tabelle mit 5 Zeilen und 4 Spalten. Das ganze stellt ein Raster dar, d.h. die einzelnen Zellen haben im Prinzip eine fixe Breite (120px)und Höhe (70px). Manche Elemente erstrecken sich jedoch über mehrere Zellen (colspan=2) - und hier tritt das problem auf.

Ich habe mir 2 Bilder erstellt, eines mit den Maßen einer Zelle, also 120px*70px und eines mit den Maßen über 2 Zellen INKLUSIVE cellspacing abstand von 15px, also 2*120+15=255px*70px. Sobald ich diese Elemente wie folgt anordne geht das layout kaputt, da sowohl bei dem großen element als auch beim ersten kleinen element die zellenbreite vergrößert wird. Obwohl doch der Inhalt genau der Zellengröße entspricht?!

<table width="555" border="0" cellspacing="15" cellpadding="0">
  <tr>
    <td width="120"><img src="test_120_70.png" width="120" height="70" /></td>
    <td width="120"><img src="test_120_70.png" width="120" height="70" /></td>
    <td width="120"><img src="test_120_70.png" width="120" height="70" /></td>
    <td width="120"><img src="test_120_70.png" width="120" height="70" /></td>
  </tr>
  <tr>
    <td colspan="2"><img src="test_255_70.png" width="255" height="70" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Hilfe! :(