Come faccio a mettere nascosto un video di YouTube sotto un immagine contenuta in un div?
Ho provato con lo z-index ma niente.Ecco il codice HTML:


<div id="vid1"><object width="500" height="306"><param name="movie" value="http://www.youtube.com/v/YysGNlRFXZQ?fs=1&amp;hl=it_IT&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YysGNlRFXZQ?fs=1&amp;hl=it_IT&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="306"></embed></object></div>

<div id="background">[img]Immagini/header.jpg[/img]
</div>

Ecco il codice CSS associato al file HTML:

img.bg {
/* regole per riempire la pagina con lo sfondo prescelto */
min-height: 80px;
min-width: 1024px;

/* regole per ridimensionare l'immagine proporzionalmente */
width: 100%;
height: 80px;

/* posizonamento dello sfondo */
position:fixed;
top: 0;
left: 0;
z-index:30;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}

div#content {
/* regola importante per mostrare il contenuto sopra lo sfondo */
position: relative;


/* formattazione del div, non ha effetti sullo sfondo */
width: 500px;
margin: 0 auto;
background: #fff;
padding: 20px;
font-family: helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 16pt;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;
}

body {
/* formattazione del body, non ha effetti sullo sfondo */

margin: 0;
padding: 20px 0 0 0;
}

#vid1 {
position:absolute;
top:300px;
left:350px;
z-index:10;
}

(Ovviamente ho messo solo gli spezzoni del codice interessato )