Dirk: Position von Textlayern geht schief...

Beitrag lesen

Hallo,

ich habe gerade mal meine Seiten etwas umgestellt -> http://www.dirkleyhe.de
Eigentlich sollten die Textlayer die in der Überschrift übereinander sind sich rechts bündig anordnen.
Dummerweise tun sie das natürlich nicht. Je länger der Text der Überschrift ist, desto weiter geht die große Schrift dabei nach links und wandert mir dabei auf das Logo :(
Die Schriften sind mit CSS formatiert:

<span style="text-align:right; font-weight:700; font-size:75; color:#EDEEF4; font-family=Arial; position:relative; top:5px; right:00px"><i>|</i></span>

<span style="font-size:20; color:#80A9EC; font-family=Arial; position:relative; top:5px; right:50px"><i>|</i></span>

Dort wo die beiden | sind, kommt jeweils der Text der überschrift rein... Wird automatisch von Typo3 gesetzt, hat also nichts mit HTML oder CSS zu tun.

Wie kann ich verhindern, dass die Schrift auswandert? (Klickt mal auf die links Home und Badminton, dann werdet ihr sehen was ich meine. Schießen habe ich schon abgeändert, das war vorher Bogenschießen, aber da wanderte die Schrift schon fast aus dem Bild...)