poner una div sobre un iframe

[ceaped]

Buenos días
¿Cómo pongo una div sobre un iframe?

Tengo estos css pero me queda atras no encima:

Código CSS:

iframe {
    width: 550px;
    height: 640px;
    display: block;
    margin: 0;
    padding: 30px 0 30px 0;
    position: absolute;
    z-index: 1;
}
 
 
#encima {
    width: 150px;
    height: 50px;
    display: inline-block;
    margin: 0;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    background-color: #FF0000;
}
 

Código HTML:

<div id="encima">      
<iframe src="archivo.pdf" frameborder="0"></iframe>
</div>
 

Gracias por su ayuda