Привет народ. Как сделать что бы меню второго уровня выподала не на уровне своего родительского элемента а выподала на уровне первого?
вот код
#nav{position:relative;z-index:2000}
#nav .parent > a, #nav .parent > a:hover{background-image:url(../images/arrow.png);background-position:right;background-repeat:no-repeat}
#nav ul ul .parent > a, #nav ul ul .parent:hover > a:hover, #nav ul ul li:hover ul .parent > a, #nav ul ul li:hover ul .parent > a:hover{background-image:url(../images/arrow-right.png);background-position:right;background-repeat:no-repeat;}
#nav ul, #nav ul li{display:inline;list-style:none;padding:0;margin:0}
#nav ul li a{display:inline-block;font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:#0085CF;line-height:36px;text-decoration:none;padding:0 15px;}
#nav ul li a:hover{background:#5ca9d6;color: #fff;}
#nav .current-menu-item a{color:#555;}
#nav .current-menu-item ul a{color:#0085CF;}
#nav .menu > li:first-child a:hover{border-radius:0}
#nav .menu .sub-menu li a:hover{border-radius:0}
#nav ul li{position:relative}
#nav li ul{display:none;position:absolute;top:27px;left:7px}
#nav li ul a{background:#fff}
#nav ul ul li:hover ul, #nav ul ul ul li:hover ul{left:0;margin:-37px 0 11px 210px}
#nav ul li:hover ul{display:inline-block}
#nav ul ul, #nav ul li:hover ul ul, #nav ul ul li:hover ul ul{display:none}
#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul{display:block}
#nav ul li:hover ul li a{border-top:#ddd 1px solid;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;margin:-1px 0 0 -8px}
#nav ul ul li:hover ul li a{border-top:#ddd 1px solid;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid;border-left:none;margin:-1px 0 0 -8px}
#nav ul ul ul li:hover ul li a {border-top:#ddd 1px solid;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid;border-left:none;margin:-1px 0 0 -9px}
#nav ul li:hover ul li a{width:180px;padding:0 14px; }
#nav ul ul li:hover ul li a{width:180px;padding:0 14px; }
#nav ul ul ul li:hover ul li a{width:180px;padding:0 14px;}
.children {z-index: 3000;}
http://cs411929.userapi.com/v411929822/4a72/noTiw2l_GAw.jpg
почта [email protected]
Заранее благодарен.

Это сообщение отредактировал(а) artur7373888 - 5.2.2013, 22:15

Много лишних букаф, да и нет HTML-кода.
Если делать списками, то и так будет отступ.

А в общем стиль может быть таким:
селектор_раскрытого_пункта > селектор_подпункта { margin-left: величина_отступа; }