Здравствуйте. Имеется многоуровневое меню. При наведении на пункт меню вылазит список подпунктов. Проблема в том, что список подпунктов может быть большим и выходит за пределы экрана. Как сделать, чтобы он не выходил за пределы, а распределялся по экрану, уходил в верх, а если высоты экрана мало, то при наведении на край столбика чтоб он прокручивался. Файлы php и CSS прикрепляю. Сайт http://portal-avto.ru левое меню.

Ширина блока указана?

_____________
Принимаю заказы, писать в ЛС

1. если список в размер экрана - то нужно измерять размеры окна и положение курсора, а так же знать длину списка и отображать его в видимой части окна, это на JS
2. если список подразделов заведомо больше чем выcота экрана - то отобрази его в div с overflow:scroll; или auto

http://jsfiddle.net/D7scL/4/

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Медведь,
Указана
Игорь_Vasinsky,
Второй вариант не подходит. Пропробовал так сделать,появившийся скрулбар препятствует появлению ещё одного подменю.
Скорей всего нужно через js. но я в нем не соображаю. Скажите, есть ли готовые наработки? Нужно получить меню как на XP. Если подменю не влазит до конца экрана, то оно разворачивается вверх, если оно вообще больше экрана, то разворачивается на весь экран, а в конце блока появляются стрелочки, наведение на которые приводит к прокручиванию списка (без скрулов).
Как у меня

Как нужно