Hola chekastiler, bienvenido.
- Controla las etiquetas de apertura y cierre del menú, están cruzadas y faltan etiquetas de cierre. ej:
<div id="menu"> intenta cerrar con
</ul> o bien falta abrir la lista.
- Quita todos los "
z-index:100;" de todas las propiedades. Que no quede ningun
z-index en tu hoja de estilos, vuelve a empezar.
- Tienes
<li> flotados, por tanto, añade
overflow: hidden; a su contenedor (
#menu). para más información googlea "limpiar los float". En resumen, si no lo haces el
height de tu menú será igual a cero y traerá problemas.
- Por si acaso haz un marcado en el cual el contenedor del menu y el contenedor de los combobox sean hermanos. Si no es posible, busca o crea forzosamente una hermandad entre contenedores ancestros a ellos.
Y da un posicionamiento distinto de static a los contenedores hermanos
No es necesario, pero tratándose de ie6 tal vez lo sea.
- coloca
z-index: 0; al contenedor destinado a los combobox y
z-index: 1; al contenedor destinado al menu
-
mirá este ejemplo
Saludos.
PD: cuando postees, fijate que hay un select "highlight", usalo para colorear tu código. Probablemente más personas se interesen en responderte.