맨밑에 레이어 추가하는 부분에다가

<div id="layer" style="position:absolute; background:black; width:170; left:450; top:0; height:160; z-index:5; visibility:hidden;">
  <iframe frameborder='no' style='border:0px; width:100% ;height:164px;filter:Alpha(Opacity=10)'></iframe>
  </div>

아이프레임을 추가해주시면 됩니다. 이런식에 문제가 발생하는 이유는요. 셀렉트 박스는  컴퍼넌트라서 항상 최상위에 존재 하죠. 그리고 레이어는 단지 화면에 표시해주는 거뿐이라서 아무리 z-index가 높다고 하더라도 셀렉트 컴퍼넌트 밑에 존재 하게 됩니다.

이런식에 문제를 해결하기 위해서는 컴퍼넌트를 사용해서 그위에 위치하게 하면 되는데 그 컴퍼넌트를  iframe으로 사용하면 되요

(출처 : 'z-index' - 네이버 지식iN)