Grafik über Grafik

Um Elemente übereinander zu legen, musst du am besten ihre Position am Bildschirm explizit angeben.
Das geht mit den CSS-Angaben:
position
top
left
right
bottom
Mit position kannstdu festlegen, wie dein Element positioniert werden soll. Du hast dabei die Auswahl zwischen relative (also position: relative;) und absolute (also position: absolute;).
Mit den Eigenschaften top, left, right und bottom kannst du den Seitenabstand deines Elementes in Pixel angeben.
Wenn du vorher position: absolute; definiert hast, ist dein Element dann X Pixel vom Bildschirmrand entfernt. Bei position: relative; werden die Pixel gezählt, ab der Stelle, an der das Element stehen würde, wenn du keine weiteren Eigenschaften zuordnen würdest (ich persönlich brauche realtive eigentlich nie).

Ein Beispiel:
<div style="position: absolute; top: 100px; left: 250px; border: 1px solid #000;">Hallo. Ich bin ein Div und ich bin 100 Pixel vom oberen und 250 Pixel vom linken Bildschirmrand entfernt.</div>

Sinnvoll ist es natürlich, wie im Beispiel, immer nur jeweils eine Eigenschaft für x- und y-Ausrichtung anzugeben.
Entweder also bottom und left, bottom und right, top und left oder top und right.

Wie du nun 2 Elemente übereinanderlegen willst, sollte sich damit von selbst erklären:
Du stellst einfach für beide Elemente den gleichen absoluten Außenabstand an.

Ich hoffe das beantwortet all deine Fragen.
Sollte dennoch was unklar sein, beantworte ich gerne alles

hallo,

hier kannst du dir das gerne mal in einer erstellten Seite ansehen.
Angaben zum Quelltext werden dort benannt :idea:

<!-- m --><a class="postlink" href="http://www.pg-private-line.de/extra/css_positionierungen.html">http://www.pg-private-line.de/extra/css ... ungen.html</a><!-- m -->