Ich kommt nicht zurecht mit z-index

Hallo,
Ich schaffs irgendwie nie, Dinge über den z-index zu überlagern… Vielleicht kann mir wer sagen, was ich falsch mache?

Mein HTML Code sieht so aus:

Skip Intro
optimiert für IE, Mozilla, Safari: Javascript enabled

im dazugehörigen CSS Dokument schauts so aus:

#rek{font-size:10px;font-family:verdana,helvetica,sans-serif;font-weight:bold;color:#666;position:relative;top:-10px;z-index:2}
#rek a {font-size:16px;font-family:verdana,verdana,sans-serif;font-weight:bold;color:#000;text-decoration:none}
#test {z-index:1}

Es hätt ja sein können, dass diese Überlagerung mit Flash irgendwie nicht geht, aber ich habs auch mit schlichten Bildern nicht geschafft, da nen Text drüberzulagern, und rein von der COdestruktur her wars dasselbe… deshalb hoffe ich, dass jemand meinen Fehler findet und ihn mir erklärt.

Danke,
Chi

Ich bin jetzt auf eine Lösung gestoßen. Offenbar lag es tatsächlich an Flash, und das kann man mit folgendem Tag beheben: