Tabellen-Kopfzeile fixieren und kopieren

[Linuchs]

Moin,

ich beiße mir gerade die Zähne daran aus, eine fixierte Kopie einer Tabellen-Zeile pixelgerecht oben auf der Seite zu fixieren, damit die Überschrift beim Scrollen stehen bleibt.

<table class=liste style="position:fixed; left:0; top:0"><!-- TEST -->
  <thead>
    <tr id="tr_kopie"></tr>
  </thead>
</table>

Die left:0 klebt direkt am Bildschirm-Rand, obwohl

body {
  position: relative;
  padding: 0;
  margin: 5px;
  background: #cfc;
}

Zur Kontrolle habe ich background eingefügt. Und siehe da: body hat nicht den erwarteten Rand von 5px.

Nach fast 20 Jahren HTML muss ich nun fragen: Was ist eigentlich body? Oder habe ich was übersehen?

Beim Kopieren der Spalten-Breite stimmen die Pixel auch nicht überein, aber dazu später mehr. Ein Schritt nach dem anderen.

Linuchs