Rollover on 'layered' element… possible?

[Liapawano]

How would I do the following, preferably just using CSS (but possibly jquery too) and PHP.I have a div area, button_background, which has a background image. Inside that div is an A tag, which has a background that overlays the div's background. (it's a semi-transparent 'play' triangle png which overlays a still from a video). I would like to change the A tag's background (to a darker triangle) on rollover.From:\[code\]-------------| ($still) || \ || \ || / || / |-------------\[/code\]To\[code\]-------------| ($still) || *\ || **\ || **/ || */ |-------------\[/code\]Note that I'm generating this from PHP, and the button background image's url is a variable called $still.Here's the rough html:\[code\]<div class="button_background"> <a class="button_overlay" href="http://stackoverflow.com/questions/3641452/page.html"></a> </div>\[/code\]