hel

Делаю выпадающее меню, 3 уровня. Проблема в том что 2-й уровень должен иметь св-во overflow-y:scroll; так как пунктов может быть ооочень много. Из-за этого 3-й уровень не выходит за пределы 2-го. Кто сталкивался подскажите как решить проблему. Код ниже <style> ul.layer1 li {position:relative;} ul.layer2 {display:none; position:absolute; background:#fff; overflow-y:scroll; border:1px solid silver; padding:10px; top:10px; left:10px; z-index:100; list-style:none;width:150px; } ul.layer1 li:hover ul.layer2 {display:block;height:200px; z-index:100;} ul.layer3 {display:none; border:1px solid silver; position:absolute; background:#fff; padding:10px; top:10px; left:10px; z-index:200; list-style:none;width:150px; } ul.layer2 li:hover ul.layer3{display:block;height:200px; overflow-y:scroll; z-index:100;} </style> <ul class="layer1"> <li><a href="#">Анапа</a> <ul class="layer2"> <li><a href="#">Севастопольский район 1</a> <ul class="layer3"> <li><a href="#">Сочи 1</a></li> <li><a href="#">Сочи 2</a></li> <li><a href="#">Сочи 3</a></li> <li><a href="#">Сочи 4</a></li> </ul> </li> <li><a href="#">...</a></li> <li><a href="#">Севастопольский район n</a></li> </ul> </li> <li><a href="#">Геленджик</a></li> <li><a href="#">Туапсе</a></li> </ul> извиняюсь за опечатку в названии темы

из ul li уберите position: relative; и ставьте его при событии hover на ul li (ul li:hover), только для ие6 нужен будет небольшой скриптик чтобы научить его понимать ul li:hover