https://jsfiddle.net/s6hkkfa5/
Jak zrobić aby po najechaniu na Nav #2, Nav #3, Nav #4 elementy wyświetlały się rozpoczynając od wysokości Nav #1 w dół ?
<html> <head> <style type="text/css"> nav { width: 225px; margin: 0 auto; } ul { list-style: none; } ul > li { } ul > li > ul { display: none; } ul > li:hover > ul { display: block; float: right; position: relative; } ul > li > ul > li { } </style> </head> <body> <nav> <ul> <li>Nav #1 <ul> </ul> </li> <li>Nav #2 <ul> </ul> </li> <li>Nav #3 <ul> </ul> </li> <li>Nav #4 <ul> </ul> </li> </ul> </nav> </body>