Das sieht mir doch stark nach Tabellendesign aus *igitt*
Du hast für Tabellenzellen einen Innenabstand (
padding) festgelegt, deshalb der „automatische Abstand“.
Code:
table.table td {
padding: 0.1em 0.5em;
}
Setz ihn für die Zelle, in der sich die innere Tabelle befindet, auf 0 und dein Problem dürfte gelöst sein.
Wozu ist die überhaupt äußere Tabelle? Sie hat keine gesonderten Formatierungen, also müsstest du sie problemlos weglassen können. Notfalls kannst du sie auch durch ein
div-Element ersetzen, das braucht wesentlich weniger Platz im Quelltext, als die ganzen
table-,
tr-, und
td-Elemente.
Und was ist eigentlich
float: middle?