Hello
I threw this together real fast. It's not complete by any means but I believe it's enough to give you the general idea. Hope it helps!
CSS....
<style>
body{background-size: 100%;background: #e8e8e8;padding: 0;margin: 0;border: 0;}ul{clear: *;}ul{list-style: none;}ul:nth-child(2){float: left;display: block;padding: 10px;height: 100px;width: 300px;background: #e8e8e8;border: 2px solid #000;margin: 15px 0 0 -50px;}ul li{float: left;display: inline;padding: 6px;height: 20px;width: 120px;background: #333;color: #fff;}Ul li li:nth-child(1),ul li li:nth-child(2),ul li li:nth-child(3),ul li li:nth-child(4),ul li li:nth-child(5){background: none;}</style>
HTML ....
<body><ul> <li><a href="#">1.1lev</a></li> <li><a href=#>1.1lev</a></li> <li><a href="#">1.1Drop</a> <ul> <li><a href="#">1.1child</a></li> <li><a href="#">2.1Child</a></li> <li><a href="#">3.1Child</a></li> <li><a href="#">4.1Child</a></li> <li><a href="#">5.1nested</a></li> </li> </ul> </ul>
</body>
</html>