z-index ( горит )

Друзья, доброго времени суток!

Прошу помощи (Конкретно подгорает, 4 часа меняю позиционирование и z-index и ничего не помогает);

Такая ситуация:


Необходимо это меню поместить под основное (жёлтое) меню, ничего не получается вообще ;'c

HTML:

1.       <!-- Основная верхняя навигация -->
2.       <nav class = "navMain">
3.         <ul class = "navMain--left">
4.           <li>
5.             <a href="#" class = "active">Главная</a>
6.           </li><li>
7.             <a href="#">О сервере</a>
8.           </li>
9.         </ul>
10.         <ul class = "navMain--right">
11.           <li>
12.             <a href="#">Форум</a>
13.           </li><li>
14.             <a href="#">Кабинет</a>
15.           </li>
16.           <li class = "navMain--withSubMenu">
17.             <a href="#">Ещё</a>
18.             <ul class = "navMain--submenu">
19.               <li>
20.                 <a href="#">Гайды и Faq</a>
21.               </li><li>
22.                 <a href="#">Аддоны</a>
23.               </li><li>
24.                 <a href="#">Пожертвование</a>
25.               </li><li>
26.                 <a href="#">Забыл пароль</a>
27.               </li><li>
28.                 <a href="#">Забыл логин</a>
29.               </li><li>
30.                 <a href="#">Тех. поддержка</a>
31.               </li><li>
32.                 <a href="#">Контакты</a>
33.               </li>
34.             </ul>
35.           </li>
36.         </ul>
37.       </nav>

Код (CSS):

1. // Основная навигация сверху
2.  
3. nav.navMain {
4.   position: relative;
5.   top: 116px;
6.   & > * {
7.     display: inline-block;
8.   }
9.   ul.navMain--left,
10.   ul.navMain--right {
11.     li {
12.       display: inline-block;
13.       margin-left: 38px;
14.       &:first-of-type {
15.         margin-left: 0px;
16.       }
17.       .active {
18.         color: #166b87;
19.       }
20.       a {
21.         color: #022c39;
22.         font-family: 'SavaPro_Regular';
23.         font-size: 22px;
24.         text-transform: uppercase;
25.       }
26.     }
27.   }
28.   ul.navMain--left {
29.     float: left;
30.     position: relative;
31.     left: 11px;
32.     width: 270px;
33.   }
34.   ul.navMain--right {
35.     float: right;
36.     background-color: yellow;
37.     display: block;
38.     position: relative;
39.     z-index: 1;
40.     li {
41.       position: relative;
42.       z-index: 1;
43.     }
44.     ul.navMain--submenu {
45.       position: absolute;
46.       z-index: -1;
47.       top: -50px;
48.       right: 5px;
49.       li {
50.         display: block;
51.         width: 136px;
52.         height: 35px;
53.         padding-top: 5px;
54.         background-color: rgba(32, 134, 166, 0.75);
55.         text-align: center;
56.         border-top: 1px solid white;
57.         border-bottom: 1px solid white;
58.         margin-left: 0px;
59.         // &:first-of-type {
60.         //   background-color: rgba(32, 134, 166, 0.85);
61.         //   &::before {
62.         //     position: absolute;
63.         //     right: 15px;
64.         //     top: -3px;
65.         //     content: " ";
66.         //     display: block;
67.         //     width: 8px;
68.         //     height: 5px;
69.         //     background-image: url('../../images/triangle-top.png');
70.         //   }
71.         // }
72.         // &:last-of-type {
73.         //   background-color: rgba(32, 134, 166, 0.85);
74.         //   &::after {
75.         //     position: absolute;
76.         //     right: 15px;
77.         //     bottom: -3px;
78.         //     content: " ";
79.         //     display: block;
80.         //     width: 8px;
81.         //     height: 5px;
82.         //     background-image: url('../../images/triangle-top.png');
83.         //     transform: rotate(180deg);
84.         //   }
85.         // }
86.         a {
87.           font-size: 17px;
88.           font-family: 'SavaPro_Regular';
89.           color: white;
90.           text-transform: capitalize;
91.         }
92.       }
93.     }
94.   }
95. }

Вот фулл навигации



Прошу помощи, за ранее большое спасибо за потраченное время, (ну и из-за z-index'a нервы).

 

На какой слой?

 

Не помогло
--- Добавлено ---

?

 

Разобрался, спасибо. Там меняю элементы, не помогает, что-то идёт не так..
--- Добавлено ---

Помог бы лучше ..) а так спасибо за совет

 

У меня отключено в браузере хеширование (Mozilla Firefox Developer Edition)...

Большое спасибо за совет)
--- Добавлено ---
Проблема актуальна, ничего не помогает...

 

http://rgho.st/64BYgxCJS

 

вот ссылка актуальная http://rgho.st/64BYgxCJS
--- Добавлено ---

там без gulp

 

там без gulp,

Пожалуйста ахах)

 

http://projects.tsuintora.com/mltworld/