ho bisogno di posizionare due di in modo che siano sovrapposti, dato che uno ha un'immagine semitrasparente che va a coprire parzialmente il contenuto sottostante

per farlo sto usando position absolute e z-index
funziona bene, solo che quello che segue questi div viene inserito sotto
considerando che l'altezza di questi div non è fissa, come faccio a risolvere?

e c'è un modo per centrarlo orizontalmente?

il codice è questo
codice:
<style type="text/css">
  div.player
  {
    position:absolute;
    z-index:1;
  }

div.image
  {
    position:absolute;
    z-index:2;
    width:480px;
    height:360px;
    background:url(template/video_cornice.png) top left;
  }
</style>