submenu is hidden behind slider IE Firefox and Safari

The sub menu disappears behind the featured image slider on the home page. I have tried to use the z-index

#nav li:hover ul{z-index:998;}

and several other variations, none of them worked.

The website is http://freshwebdesign.ca/marmots/

Thanks any assistance is greatly appreciated.