Probleme mit Ebene über youtube-video ( z-index )

  • Hi Leute,


    ich hab ein Problem mit der Darstellung in verschienden Browsern.


    Im anhängenden Bild ist eine gelbe H3-Überschirft, die genau über dem
    Video positioniert sein soll und den oberen Rand des Videos verdecken soll.


    Im FF wird das auch korrekt dargestellt. Im Safari und IE verschwindet die
    gelbe Schrift aber hinter das Video.


    Hier ein Bild-Vergleich:




    und hier das CSS dazu:


    #video_block {
    position:relative;
    background-color:#000000;
    width:755px;
    height:405px;
    margin:10px 0 0 0;
    }
    #video_block h1 {
    color:#E80D0B;
    font-size:18px;
    font-weight:bold;
    position:absolute;
    background-color:#000;
    width:460px;
    height:30px;
    margin:15px 0 0 10px;
    z-index:2;


    }
    #video_block h2 {
    position:absolute;
    width:260px;
    height:auto;
    margin:15px 0 0 480px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    color:#FFFF99;
    }
    #video_block h3 { das ist die gelbe Schrift
    color:#FFFF99;
    font-size:14px;
    font-weight:bold;
    font-family:"Courier New", Courier, mono;
    position:absolute;
    background-color:#000;
    width:460px;
    height:30px;
    margin:39px 0 0 20px;
    z-index:3;
    }





    #video_block iframe {
    position:absolute;
    margin-top:45px;
    margin-left:10px;
    width:450px;
    height:348px;
    z-index:0;
    }


    hat einer eine Lösung für das Problem?
    Die Website ist auch im Netz, wenn auch noch nicht komplett fertig.


    >>> zur Webseite <<<