Need Assistance: Multiple layer mouseover

Okay,
I have been playing with CSS layers (as opposed to doing something in java/etc cause of its complexity).

Anyhow.. I have a 6 layered page. 2 are technically ‘background’ images, and the other 4 are actual images that I want to have a secondary image come up BEHIND that layer when moused over.

Is this even possible?

Here’s the page: [url]http://www.battlegroundx.com[/url] … ignore the domain, it was just a leftover one I had that I’m using to play with this.

Ideally each of those characters I want to be a mouseover. When you mouseover one I want the secondary image to come up behind that particular layer (I gave each layer a 10 point difference incase I needed something) and then use floating buttons to allow that layer to have a few clickable links.

Here’s an image of what I’d like it to ideally work like:
[url]http://www.battlegroundx.com/images/test.jpg[/url]

As you can see by that picture the second person has been ‘moused over’ and the second image comes up behind (which is just an enlarged single color version w/ the ‘talk box’ on it) it and somehow setup floating images for the actual links.

Is this possible?

HELP!

Also in #CSS _↴