In HTML pixelgenaues plazieren von Tabellen?

    Hallo,
    vielleicht kann mir jemand von euch helfen.
    Und zwar versuche ich in HTML ein Damebrett mit Steinen und Spielsituationen zu schreiben.
    Ich hab versucht, die Steine über Pixelangaben auf dem Brett zu positionieren, Aber das klappt nur mit einem, werden es mehrer verschiebt er mir alle um den Betrag der hälfte des neu eingefügten Steines.
    Also hab ich es mit einer Tabelle versucht.
    Aber hier hab ich nur die waagrechte ausrichtung korrekt hinbekommen, in dem ich cellpadding und cellspacing auf null gesetzt hab.
    Bei der vertikalen ausrichtung verschiebt er mir aber immer alle um zirka 10-20 Pixel nach unten.
    Gibt es hier einen Wert, der den Abstand der einenzelnen Zeilen zueinander regelt?
    Das Brett ist 420x420 Pixel breit. Die Felder und Steine 50 x 50px das Brett hat eine Einfassung von 10 Pixel Breite. Die obere Zeile, die ich versucht hab auf 10 Pixel Höhe zu setzten, wird immer zu breit!

    Danke, aber leider nicht wirklich. Ich hab extra ein Schachbrett mit Holzmaserung im jpg-Format erstellt, da mir diese Lösung zu sehr nach "Malkasten" aussah.
    Ich kann nur die Tabelle nicht korrekt darüber plazieren und die Bilder der Steine korrekt einfügen.