Problem mit überlappenden Bildern

[Gelöst] Problem mit überlappenden Bildern

Hallo, ich würde gerne auf meiner Seite Thumbnails für Youtube Videos als Link zum Video nutzen. Damit der User erkennt, dass es ein Video ist, wollte ich einen „Play“ Button davor legen(Um dies bei neuen Videos nicht immer im Bildbearbeitungsprogramm zu machen wollte ich es in css lösen). Mein Problem ist, dass der Playbutton hinter dem Bild angezeigt wird.
Kann mir jemand sagen was ich hier falsch mache?

[HTML]

.video { position: relative; } .video a { position: absolute; display: block; background-image: url('#meinbutton#'); height: 47px; width: 46px; top: 25px; left: 43px; z-index: 100; }
[/HTML]

Falls es jemanden interessiert, so funktioniert es.

[HTML]

.video a { position: relative; } .video a:after { content: url('meinbutton.png'); position: absolute; /* weitere Angaben */ }
[/HTML]