В общем не стал далеко ходить, просто скопировал весь код с сайта и немного переделал под задачу. Блин, ну и код там, это просто ппц, калич ужасный, видно, что человек плохо разбирается в CSS, я там поэтому z-index; поставил даже больше, где необходимо. Короче я бы такое удалил и заново всё написал. Но суть думаю будет понятна: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #menu { clear: both; display: block; height: 130px; margin: 20px auto 0; width: 675px; } #menu li { } ul.menu a { } ul.menu a { background: url("img/main/buttonMenuBg.png") repeat scroll 0 0 white; border-top: medium none; display: block; height: 100%; padding: 20px; } ul.menu li a:hover { } ul.menu li ul li a { background: none repeat scroll 0 0 transparent; border-bottom: medium none; margin-bottom: 0; } #menu ul:first-child { list-style: square outside url("img/main/plusRed.png"); } #menu ul a { color: #070707; font-size: 16px; text-decoration: none; } #menu ul li:hover { border-color: #33383A #33383A -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px medium; } #menu ul li ul li:hover { border: medium none; } #menu ul li ul { background-color: #FFFFFF; background-image: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF); border-color: #33383A; border-style: solid; border-width: 1px; } #menu ul li ul a { color: #737373; font-family: georgia; } #menu ul li ul { list-style: none outside none; } ul.menu, ul.menu li, ul.menu ul { list-style: none outside none; margin: 0; padding: 0; } ul.menu { float: left; position: relative; z-index: 597; } ul.menu li { float: left; line-height: 1.3em; vertical-align: middle; } ul.menu li.hover, ul.menu li:hover { cursor: default; position: relative; z-index: 599; border: 1px solid #000; } ul.menu li:hover > a { background: #fff; padding-bottom: 20px; position: relative; bottom: -2px; z-index: 1000; } ul.menu ul { left: 0; position: absolute; top: 100%; visibility: hidden; width: 100%; z-index: 598; border: 1px solid #000; } ul.menu ul li { float: none; } ul.menu ul ul { left: 99%; top: 1px; } ul.menu li:hover > ul { visibility: visible; } ul.menu { width: 100%; } ul.menu ul li { float: left; } ul.menu li.hover, ul.menu li:hover { position: static; } ul.menu ul ul { display: none !important; } </style> </head> <body> <ul class="menu" id="menu-dhfhgfhgfh"><li class="dir menu-item menu-item-type-post_type menu-item-object-page menu-item-8" id="menu-item-8"><a href="http://zimin.hmsite.net/wordpress3/?page_id=5">Видео</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22" id="menu-item-22"><a href="http://zimin.hmsite.net/wordpress3/?page_id=12">Karmbinala</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19" id="menu-item-19"><a href="http://zimin.hmsite.net/wordpress3/?page_id=14">Terbilana</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20" id="menu-item-20"><a href="http://zimin.hmsite.net/wordpress3/?page_id=12">Karmbinala</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27" id="menu-item-27"><a href="http://zimin.hmsite.net/wordpress3/?page_id=5">fasfdsaf</a></li> </ul> </li> <li class="dir menu-item menu-item-type-post_type menu-item-object-page menu-item-21" id="menu-item-21"><a href="http://zimin.hmsite.net/wordpress3/?page_id=10">Фото</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24" id="menu-item-24"><a href="http://zimin.hmsite.net/wordpress3/?page_id=14">Terbilana</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25" id="menu-item-25"><a href="http://zimin.hmsite.net/wordpress3/?page_id=12">Karmbinala</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26" id="menu-item-26"><a href="http://zimin.hmsite.net/wordpress3/?page_id=10">Pedestrian</a></li> </ul> </li> <li class="dir menu-item menu-item-type-post_type menu-item-object-page menu-item-28" id="menu-item-28"><a href="http://zimin.hmsite.net/wordpress3/?page_id=2">Компания</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-23" id="menu-item-23"><a href="http://zimin.hmsite.net/wordpress3/?cat=1">Без рубрики</a></li> </ul> </li> </ul> </body> </html>
