mehrzeiliges display:table-cell hat Lücken

[Carsten77]

Hallo!

Ich habe ein Problem beim erstellen einer CSS-Box mit Divs.
Anstatt mit Tabelle, habe ich vor ein paar Tagen gelesen, kann man mit Divs ein Tabelle simulieren. Ich wollte gleich mal versuchen, eine Box mit runden Ecken damit zu basteln.
Hat auch eigentlich ganz gut funktioniert, auch wenn ich (noch) nicht weiß, was es für Vorteile hat. Der Aufbau sieht folgendermaßen aus:

tr td td td tr
tr td td td tr
tr td td td tr

Alles mit Divs und "display".

Das Problem ist, dass zwischen den Zeilen eine Lücke entsteht, die ich nicht wegbekomme. Diese Lücke taucht sowohl im IE8 als auch im Firefox 3 auf.
Die Bilder in den tds stimmen mit den Größenangaben der tds überein. Dennoch ist der Übergang nicht lückenlos.
Beispiel
Ich scheine wohl etwas grundlegendes falsch zu machen und komme nicht auf die Lösung.
Wäre toll, wenn mir jemand helfen könnte...

MfG
Carsten