#div_01 { position:absolute; top:100px; width:880px; height:80px; z-index:2; }
#div_02 { position:absolute; top:140px; width:880px; height:40px; z-index:1; }

똑같은 div가 있습니다.

보시면 아시겠지만




이렇게 해 놓았을시 div_01에는 플래시 메뉴가 들어간다고 치면 .. z-index:2 이니깐 ..
div_02보다 상위로 가있겠죠 .. div 에는 텍스트 메뉴를 넣습니다.

보시면 아시겠지만 상단에서 거리는 틀리지만 .. 끝은 똑같습니다. top값과 height 값을
보시면 아실겁니다.

그럼 여기서 문제는 여기서 div_01는 플래시 메뉴를 .. 세로 전체 크기를 80으로 주고 ..
처음 시작은 40만큼 마우스를 올렸을 경우 40만큼 밑으로 더 늘어나게 처리를 했고
일반 메뉴들이 이런식으로 많이 하죠 ^^;; 백 그라운드를 안보이게
처리를 해놓았습니다.

그렇게 되면 익스플로에서는 백그라운드를 투명처리 하였기에 마우스 올리기 전에는
div2의 텍스트 메뉴가 보이고 클릭도 됩니다. 플래시 메뉴에 마우스를 올리게 되면
div2의 텍스트 메뉴를 가리면서 플래시 메뉴가 나오게 됩니다.

하지만 문제는 파이어폭스가 문제 인데요 ..

익스에서는 백그라운드를 투명으로 먹이게 되면 .. 뒤에는 영향을 안받기 때문에 뒤에는 ..
아예 없는걸로 인식을 하지만 문제는 .. 파이어 폭스에서는 아예 전체 크기를 인식을 하기
때문에 애초부터 80으로 백그라운드는 투명이 되지만 .. 플래시로 인식을 한다는 거죠 ..
즉 마우스를 올리지 않았음에도 div2의 텍스트 영역은 투명처리 하여 보이지만 ..
div2의 텍스트 영역은 클릭이 안된다는 문제가 발생을 합니다. 플래시 크기 때문에 ..

다들 이런 경험 있으실 텐데요 .. 아예 무시를 하는 경우도 있고 div와 플래시로 스크립트를
call 하여 컨크롤 하는 경우도 있던데 ..
대부분 어떻게 처리 하시나요 ?

노하우좀 ^^;; 위같은 상황에서 같단히 처리 할 수 있는 방법이 있나요 ?