CSS

#nav2 li ul {
	position:absolute;
	left:-999em; /*nicht sichtbar!*/
}

#nav2 li.page-item-8:hover ul, #nav2 li.page-item-8 li:hover ul, #nav2 li.page-item-8 li li:hover ul, #nav2 li.page-item-8.current_page_item ul, #nav2 li.page-item-8.current_page_item li:hover ul, #nav2 li.page-item-8.current_page_item li li:hover {
	left: 220px;
}

#nav2 li.page-item-10:hover ul, #nav2 li.page-item-10 li:hover ul, #nav2 li.page-item-10 li li:hover ul, #nav2 li.page-item-10.current_page_item ul, #nav2 li.page-item-10.current_page_item li:hover ul, #nav2 li.page-item-10.current_page_item li li:hover ul {
	left: 105px;
}

HTML

<ul id="nav2">
         <li class="page_item page-item-5 current_page_item"><a href="#"><p>Überblick</p></a></li>
         <li class="page_item page-item-10"><a href="#"><p>Profil</p></a>
                  <ul class='children'>
	                  <li class="page_item page-item-34"><a href="#"><p>Person</p></a></li>
	                  <li class="page_item page-item-36"><a href="#"><p>Kompetenz</p></a></li>
	                  <li class="page_item page-item-38"><a href="#"><p>Netzwerk</p></a></li>
                  </ul>
         </li>
         <li class="page_item page-item-8"><a href="#"><p>Leistung</p></a>
                  <ul class='children'>
	                  <li class="page_item page-item-42"><a href="#"><p>Innovation</p></a></li>
	                  <li class="page_item page-item-44"><a href="#"><p>Qualität</p></a></li>
                  	<li class="page_item page-item-46"><a href="#"><p>Risiko</p></a></li>
                  </ul>
         </li>
         <li class="page_item page-item-12"><a href="#"><p>Journal</p></a></li>
         <li class="page_item page-item-14"><a href="#"><p>Kontakt</p></a></li>
</ul>