Como evitar que a publicidade permaneça em cima do vídeo?

<title>Documento sin t&iacute;tulo</title>
<link type="text/css" rel="stylesheet" href="estilos.css" media="all" />

</head>



<div>
<div id="publicidad-video">
<?php if ( get_post_meta(get_the_ID(), "video", true)) : ?>
<iframe scrolling="No" frameborder="0" style="width: 980px; height: 320px" src="http://UNBLOGDELCUALENLAZOLAPUBLICIDAD.blogspot.com/"></iframe>

<br>
<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
</div>
<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
</div>
</div>
<?php endif; ?>
<?php $values = get_post_custom_values("video"); echo $values[0]; ?>
</div>


<iframe src="http://www.WEBDEVIDEOSSINNOMBRE.com/embedframe/4975154" frameborder=0 width=510 height=400 scrolling=no></iframe>
</div>



<body>
</body>

</html>

Clique para expandir...

#publicidad-video{
position: absolute;
z-index: 1;
width: 300px;
height: 250px;
margin: 20px 0px 0px 160px;
}

.jbtn {
background: #A90000;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
padding: 2px;
cursor: pointer;
}

.jbtn:hover {
background: #F00;
}

Clique para expandir...