Код (Text): <head> <link rel="stylesheet" type="text/css" href="style3.css"> </head> <div class="spisok" > <ul class="Container"> <li class="Node IsRoot"> <div class="Content"><a href='#'>Одежда</a></div> <ul class="Container"> <li class="Node"> <div class="Content"><a href="#">Женская</a></div> </li> <li class="Node"> <div class="Content"><a href="#">Мужская</a></div> <ul class="Container"> <li class="Node"> <div class="Content"><a href="#">Мужское пальто</a></div> </li> <li class="Node"> <div class="Content"><a href="#">Мужской пиджак</a></div> </li> </ul> </li> </ul> </li> </ul> </div> style3.css Код (Text): .spisok { background:orange; width:250px; } /* контейнер просто содержит узлы. Узел сам будет отвечать за свой отступ */ .Container { padding: 0; margin: 0; } .Container li { list-style-type: none; /* убрать кружочки/точечки */ } .Container ul li { border-top:1px solid #fff inherit; } .Container li a{ color:#fff; font-family:verdana,arial,sans-serif; text-decoration:none ; /*уничтожает подчеркивания у ссылок*/ } /* узел отодвинут от левой стенки контейнера на 18px благодаря этим отступам вложенные узлы формируют иерархию */ .Node { margin-left: 18px; zoom: 1; border-bottom:none; /* спецсвойство против багов IE6,7. Ставит hasLayout */ } /*Корневой узел от родительского контейнера не отодвинут. Ему же не надо демонстрировать отступом, чей он сын. Это правило идет после .Node, поэтому имеет более высокий приоритет Так что class="Node IsRoot" дает margin-left:0 */ .IsRoot { margin-left: 0; border-bottom:1px solid #fff; } /* содержание (заголовок) узла */ .Content { margin-left:18px; /* высота заголовка - как минимум равна Expand Т.е правая колонка всегда выше или равна левой. Иначе нижний float будет пытаться разместиться на получившейся ступеньке */ min-height: 18px; } /* все правила после * html выполняет только IE6 */ * html .Content { height: 18px; /* аналог min-height для IE6 */ } мне нужно получить такой список, что были у каждого li была проведена граница, типа столбца в excel Код (Text): .Container ul li { border-top:1px solid #fff inherit; margin:0; padding:0 } Получается, что все потомки узла сравниваются с узлом, то есть вложенность уж не видна. Мне бы хотелось, что бы список(оступы потомка от родителя сохранялись) оставался на месте, а границы были типа столбца в excel 3 дня уж бьюсь, не пойму....-((( Помогите, пожалуйста.В чем ошибка?