Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; cursor: default; } .menu ul { display: none; position: absolute; width: 100%; top: -1px; left: 100%; z-index: 110; } .menu li:hover ul { display: block; } .item, .sub_item { color: #000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: solid 1px #ddd; background: #179bdf; width: 200px; height: 35px; text-align: center; /*margin: 1px;*/ } .menu a { color: #fff; text-decoration: none; display: block; padding: 10px 0; }