My z-index isn't working...

[ethraax]

So I have this project to write a portable website for a gaming database (of really any game). For the mock-up I'm using a simple Runescape thing. I have this idea that the box describing something goes slightly in front of the icon, and when you mouse over the icon, it gets bigger and pops up over the description box.

An example is here:

http://ethraax.exofire.net/gamedb/?item=4

Of course, as you can see, it doesn't manage to "pop up" over the description box.

Right now I'm trying to use z-indexes to do this. When you hover over the image, it gets bigger and changes it's z-index so it *should* come over the box, but it's not.

The CSS driving this can be found here:

http://ethraax.exofire.net/gamedb/css/common.css

Any ideas as to what might be going on?

--- ethraax

 

[LHVWB]

Interesting problem, maybe you could try using some javascript along with the onmouseover='' value to do it instead.

 

[ethraax]

Could it be that the image itself is wrapped within a <div> tag? When I get home I'll try removing the wrapping <div> tag, throw the border around the <img> tag itself, and see if that works.