Poner un botón encima de un object

[ramondevesa]

Este es mi código HTML:

Código HTML:

<div class="video_contenedor">
    <object width="1004" height="500"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={{ video.trailer }}&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=121414&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id={{ video.trailer }}&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=121414&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="1004" height="500"></embed>
    </object>
    <a href="#">
        <div id="compra">
            <div id="compra-euro">
            </div>
        <div id="compra-tiempo">
                <div class="alquilar_a">48 horas</div>
                <div class="alquilar_b">Alquilar</div>
            </div>
        </div>
    </a>                
</div>
 

Código CSS:

Código CSS:

video_contenedor {
  position: relative;
}