Question

This is my first question in stackoverflow, so I will be quick and precise.

I am dealing with a css/z-index related problem in a website. The url of the site is http://birthz.com and the problem is that the slideshow overlaps the submenus of the top menu. If you hover for example over “Skin care” there is a submenu that show up, but gets hidden by the slides of the slideshow.

Does anyone have any suggestions? I tried increasing the z-index of the submenu’s ul element but no luck.

Thanks!

Answer 1

add this

div.MagicToolboxContainer {
    position: relative;
    text-align: center;
    z-index: 0;
}