jQuery-UI select 박스 안보이는 문제

제이쿼리-UI를 사용하여 드롭다운 박스(select menu)를 만들때

다이얼로그 박스 안에 셀렉트메뉴를 넣은 경우에

셀렉트메뉴의 드롭다운 박스가 다이얼로그 박스 밑으로 가려지는 경우가 있습니다.

z-index를 조정해서 해결해 보려 하였지만 실패하고

아래와 같이

다이얼로그 박스를 오픈시킬때

다이얼로그 박스 생성뒤에 다시 셀렉트메뉴를 정의해 주는 방법으로 해결 했습니다.

$("#dialog").dialog("open");

$("#select").selectmenu();