Child element and z-index dilema!

[klausabio]

I have this carrousel of products in a page im building.

http://flytango.com.ar/test/home-publico.html

When hovering the product, i’d like to show a div with some text

Im achieving this by using…

.item_carrousel_home:hover + .item_carrousel_home_on {
display: block;
}

The div shows up but i want it to be offsetted 40px up. So when i try “margin-top:-40px; it gets cutted off by the carrousel DIV.

I’ve tryed with z-index but i can’t bring the div in front of everything, because its a child element of the carrousel div

http://jsfiddle.net/AbWYk/

Any clues on how could this be done?

[Author]

Posts