Прокрутка со стилизованным неупорядоченным списком (выберите замену ящика)

Question

У моей компании был веб-сайт, над которым мы работаем над переделкой дизайнера. Он выглядит намного лучше, но я ударил по его реализации в HTML + CSS. Они имеют коробку с большим стилем <select>, настолько, что я не смог воссоздать ее с помощью чистого CSS. Я нашел a solution, который использует Javascript для замены блока <select><ul>. Это работает почти идеально, но есть две проблемы:

1. Это не прокрутка, когда есть много элементов.
2. Он не закрывается при нажатии на выпадающее меню.

Я играл с ним в Firebug, но becuase в <li> s оформлены с display:block, они, похоже, не будет сдерживать окружающую <ul>, что означает, что я не могу установить максимальную высоту.

Вопрос № 2 не так важен, но было бы неплохо узнать, как это исправить.

Вот ссылка на страницу проблема: http://www.truwindshield.com/test2/

Answer 1

Поскольку вы используете JQuery и решение не является, вы могли бы рассмотреть вопрос о замене его с соответствующим плагином Jquery. Этот, похоже, хорошо работает и деградирует: jQuery SelectBox

Эта реализация также решает две проблемы, которые у вас есть, и может сэкономить вам некоторую работу, пытаясь взломать другое решение, выполняя то, что вы хотите.