In this css #nav-container ul li.dropdown:hover .dropdown-content when you are writing .dropdown-content after #nav-container ul li.dropdown it means that .dropdown-content is child element of #nav-container ul li.dropdown that's why we need to put it in services <li> to let it act as a child.

Email codedump link for show div element when another element is being hover