Estoy intentando crear una página web usando jQuery ui lib. Mi diseño utiliza un autocompletado de jQuery ui en un campo de entrada en la parte superior de un formulario. Inmediatamente debajo de este formulario de entrada de autocompletar hay algunos controles deslizantes de jQuery. El problema es que cuando se completa el cuadro de autocompletar, los resultados se muestran detrás del controlador del control deslizante. Esto proviene de la forma en que jQuery construye los controles deslizantes, lo que hace que partes de ellos tengan un índice z de 3. El índice z de la parte desplegable del control de autocompletar jquery parece estar siempre establecido en 1. Intenté aumentar el z -índice del elemento de entrada que se está completando automáticamente pero que no parece tener efecto en el índice z del elemento que jquery crea para el menú desplegable de autocompletar. También intenté escribir mi propio javascript para obtener el elemento del menú desplegable por clase (es un ul) y configurar manualmente su índice z. Esto tampoco parece funcionar. Supongo que esto significa que, de alguna manera, el código jQuery está sobrescribiendo el cambio del índice z que estoy haciendo. Esto no es un error del navegador, ya que es un problema en Firefox, Chrome, Safari e IE. Es un problema con el índice z real jQuery da el cuadro desplegable (elemento UL).

¿Alguien tiene una solución a este problema? ¿Cómo se suele jugar con los elementos que jQuery genera automáticamente para construir sus controles?