z-index

[violad]

Ich hab ein Problem und hier weiß bestimmt jemand eine einfache Lösung...

Bei dieser Seite liegt ein div mit einem Film auf der untersten Ebene:
http://cgserver.de/tmk/start.html

Auf dem Mac wird's korrekt angezeigt, egal welcher Browser (Firefox, IE5, Safari).
Aber auf dem PC (Firefox, IE) liegt der Film über allem und schneidet der Taube die Füße ab...

ich kapiere es nicht, habe alle divs mit z-index markiert und das sollte doch (laut css4you) keine Probleme machen...
ich weiß nicht mehr weiter

Wer kann mir helfen?

[sejuma]

Versuch's mal so, klappt bei mir im FF und IE8

Code: Alles auswählen

#film {
   width:968px;
   height:117px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 566px;
}

[violad]

Habe ich ersetzt, klappt bei mir aber nicht. Auf dem PC liegt es über allem

Trotzdem danke

[violad]

hier bin ich noch mal, habe jetzt die Hintergrund-Elemente in ein .swf zusammengefasst und einfach auf eine Seite platziert, ebenso die animierten Flaggen (Tabelle) zu sehen unter:
http://cgserver.de/tmk/versuch.html

Was muss ich tun, damit es auf dem PC so aussieht wie auf dem anhängenden Screenshot ????