centre l'image verticalement / horizontalement sur un autre sans dimensions

Je suis en train de faire apparaître une image pour avoir un bouton play qui est centré. Je sais pas la taille exacte de l'image principale, cependant, car il est généré de façon dynamique.

Droit maintenant, la superposition de l'image (un bouton de lecture) est dans le coin supérieur gauche. Comment puis-je avoir le bouton play exposition centrée horizontalement et verticalement?

Merci.

<div class="videobox">
<img src="/mainimage.png">
<span></span>
</div>

.videobox { position: relative; }

.videobox span {
position:absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: transparent url(../img/elements/playbutton.png) no-repeat;
}

source d'informationauteur user749798