synopsis: разработка для IE.
  Пытаюсь заменить стандартный <select> своим.
Причины очень просты:
    1) не настраиваются стили;
    2) всегда поверх всех елементов;
    3) не регулируется размер списка.
Замена производится динамически, тобишь на странице есть теги <select>, скрипт их находит и заменяет.
Алгоритм замены уже разработан. "Выудить" из <select> список опций несоставляет труда.
 А вот с <оptgroup> дела оказались посложнее. Проблем нет если все <оption> сгруппированы, т.е.:

Код

<select>     <optgroup label="Group 1">         <option value="1">value 1</option>         <option value="2">value 2</option>     </optgroup>     <optgroup label="Group 2">         <option value="3">value 3</option>         <option value="4">value 4</option>         <option value="5">value 5</option>     </optgroup> </select>

Но что делать с теми опциями которые назодятся вне какой либо группы?

Код

<select>     <option value="1">value 1</option><!----<  -->     <optgroup label="Group 1">         <option value="2">value 2</option>         <option value="3">value 3</option>     </optgroup>     <option value="4">value 4</option><!----<  -->     <optgroup label="Group 2">         <option value="5">value 5</option>     </optgroup>     <option value="6">value 6</option><!----<  --> </select>

Просто нужно использовать коллекцию children элемента select (вместо options), а при переборе "деток" проверять значение tagName, и если tagName оказывается option - выполняется обычная обработка, а если optgroup - орбрабатывается группа.