Список выбора ( select ) в списке выбора.Html / css

Всем привет ! Задачка такая - есть форма, в которой есть текстовые поля, поле для ввода сообщения, выпадающие списки и "радио" кнопки. Хотел бы замутить как-то так, чтобы при выборе одного пункта из выпадающего списка открывался еще один список. Допустим:
<select name="problem">
<option value="OS">Операционная система</option>
<option value="software">ПО</option>
<option value="hardware">Железо</option>
</select>
Хочу наводить на Операционную систему, и чтобы отрывалось "подменю" с другими пунктами для выбора.
Знаю как сделать меню/подменю - что-то с display:none; А при :hover { display: block ; }. Но если так делать в форме, то скорее всего ничего не выйдет, а если и выйдет - то эти значения не отправятся на сервер. Как быть ? Спасибо!