Z-index doesn't work with dropotron-meu and bx-slider

Question

I'm using two jquery plugins: dropotron-menu and bx-slider. But the menu does not overlap the image of bxslider. Could you help me? Have changed the positions and z-index, but nothing happened ...

my site is: http://www.amexassessoria.com/site-teste/#

Answer 1

CSS

#header {
    border-top: 3px solid #3c9cd9;
    background-color: #fff;
    opacity: 0.84;
    border-bottom: 2px solid #3489bf;
    margin-bottom: 0;

    /*Newly add these two css styles*/
    position: relative;
    z-index: 99;
}

Will resolve your probelm