Dropdown cover by Bootstrap carousel, third level navigation not opening on a table/mobile

[Kev0003]

Hi,
When viewing on a screen biger than the 800px break point.The dropdown menu goes under a bootstrap carousel. The same happens with a video, the video effect can be seen here: http://jasonweaver.name/lab/flexiblenavigation/
when in chrome and the block above the video content has been deleted, as in attached example.
This happens on a desktop chrome, android and IOS. How do I keep the menu above a carousel? I have tried using z-index, but it does make any difference.

Many thanks.
Regards,
Kev

[Kev0003]

I forgot the attachment before.

[Kev0003]

Answer: add position: relative; to .flexnav {**position: relative;**z-index: 10;}
Sorry for the basic question before. I had failed to notice I had forgotten to add position: relative; as well to z-index: 10; to .flexnav, so I answer it myself.
Kev