Зачем в задании (а так-же в последующих) нужно задавать относительное позиционирование “position:relative” для элементов списка первого меню, если все-равно далее будем задавать абсолютное позиционирование для подменю “position:absolute;”.
Если убрать относительное позиционирование ничего не меняется.
(Кроме того, что они не будут сливаться и значит не нужно задавать z-index)
когда мы задаем для родителя position:relative; мы создаем для дочернего элемента (с position:absolute) новую точку начала координат, “привязываем” дочерний элемент к родителю. И теперь если родителя переместить - вмести с ним переместиться и дочерний элемент - подменю всегда будет “выпадать” (ну или “открываться”) из нужного “родительского” пункта меню.
Просто здесь в задании рассматривается самый простой случай, когда “спозиционированный” элемент не смещается относительно начального положения. А попробуйте сделать вариант, когда подменю будет раскрываться в сторону - добавьте, например, top: -35px; left: 170px; И проверьте вариант с относительным позиционированием для родителя и без.