Kurz und Knapp: ich habe eine Liste, welche verschieden viele Elemente aufnimmt. (Variiert ständig. Zwischen 0 Elementen und über 400 ... oder mehr)

Ich möchte diese absolut positioniert haben mittels CSS: PS: Ich habe NUR Css zur verfügung. Am HTML-Code kann ich nichts ändern und Javascript kann/möchte ich nicht nutzen.

Die Schwierigkeit darin besteht, dass es sich um Tabellen-Zellen handelt. Ich kriege diese schon an die richtige Stelle geschoben mittels CSS. Aber sie überlagern sich. Ist es möglich, zwischen jeder Zelle quasi einen Abstand zu erzeugen, der eben dynamisch dazugepackt wird?

Beispiel-Codeauschnitt:

<tr>  
    <td colspan="3" align="center">Zeile 1</td>  
</tr>  
<tr>  
    <td colspan="3" align="center">Zeile 2</td>  
</tr>  
<tr>  
    <td colspan="3" align="center">Zeile 3</td>  
</tr>  
<tr>  
    <td colspan="3" align="center">Zeile 4</td>  
</tr>  
<tr>  
    <td colspan="3" align="center">Zeile 5</td>  
</tr>

Ein weiteres Problem ist, dass die Spalten davon nicht die ersten oder letzten wären. Diese sind quasi mittendrin. Daher ist eine Verschiebung der gesamten Tabelle nicht möglich, da sich sonst Elemente mitverschieben, die aber an ihrem Platz bleiben sollen. Die Auswahl dieser Elemente habe ich bereits mit :nth-child(n+7) gelöst.

Wie kriege ich jetzt effektiv zwischen jedem Element quais eine Versetzung hin. Dass diese untereinander angeordnet werden? Mach ich nämlich position:absolute;, überlagern diese sich komplett. Mach ich relative passiert nix (was ja eigentlich am effektivsten wär, wenns funktioniert). Fixed ist quasi das selbe wie absolute, nur dass es eben mitscrollt.

Wer hat ne Lösung?