Hi all, I'm having a problem with my new dropdown menu bar, i tried hard to figure out the problem but cannot seem to find a solution.

Live demo for the dropdown menu bar

http://www.script-tutorials.com/demos/249/index.html

But on my site, the sub menus have been hidden.

https://lh4.googleusercontent.com/-iEZ2g28Ubu0/UXgpKgPJxkI/AAAAAAAAASo/4NDYxC8vsEM/w1180-h354-p-o/123.png

My site: http://thegioidulieu.blogspot.com/

Thank you in advande for your advice!

Try changing the z-index property of the menu in css.

Actually while looking at the site with the developer tools in Chrome, your issue here is the overflow:hidden style in three places... See images below where the overflow hidden was removed, the navigation bar worked as expected.

8363fe05966e5ba29eb31a82554f5ff131d36bd1d26a6a4bcd7bfa301caa6ab0

OK, i founded the problem, thanks NardCake for your help, thanks JorgeM for your solution, that worked perfectly for me.
Thank you all once again. :)