Center Bild vertikal/horizontal über einem anderen ohne Abmessungen

Question

Ich versuche, ein Bild erscheinen zu lassen, um eine Play-Taste zu haben, die zentriert ist. Ich kenne die genaue Größe des Hauptbildes jedoch nicht, da es dynamisch generiert wird.

Derzeit befindet sich das Overlay-Bild (eine Wiedergabetaste) in der oberen linken Ecke. Wie kann ich die Wiedergabetaste horizontal und vertikal zentriert anzeigen lassen?

Vielen Dank.

<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; 
} 

Answer 1

.videobox span { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    z-index: 1; 
    background: url(../img/elements/playbutton.png) no-repeat center center; 
}