CSS - IE 7 z- 색인 문제

Question

모두에게 좋은 하루. 다음과 같은 스타일로 사업부 내부에 위치 :

background-image: url("/whatever.png"); 
height: 80px; 
position: relative; 
top: 60px; 
width: 100%; 

(드롭 다운)를 나타납니다 사업부가있다 :

: 나는 드롭 다운 메뉴 (이 나타나는 검색 창에 온 클릭 이벤트에서 아무도 디스플레이 실제로 사업부)가

: 이제

background: none repeat scroll 0 0 #FFFFFF; 
border: 1px solid; 
height: 185px; 
left: 140px; 
padding-top: 3px; 
position: absolute; 
top: 25px; 
width: 134px; 
z-index: 25; 

이 ... 여기에 문제가 (나 또한 내가 너무 미안 온라인 사본을 제공 할 수 없습니다 미안 일부 요소를 숨길했다) 상대와 플로트 : 왼쪽, 아무것도

top: 140px; 
width: 100%; 

파란색 막대는 (위치와이 다른 div의 내부에 위치 사업부는 다음과 같습니다3210

빨간색 선은 스타일 드롭 다운의 용기와 같은 수준의 사업부입니다 else)는 다음과 같습니다.

background: url("blue.png") repeat scroll 0 0 #00FF00; 
color: #FFFFFF; 
float: left; 
font-size: 12px; 
font-weight: bold; 
height: 22px; 
margin-top: 20px; 
padding-top: 5px; 
position: relative; 
text-align: center; 
text-transform: uppercase; 
width: 210px; 

이것은 IE 7 및 6에서만 발생합니다. 다른 모든 브라우저에서는 정상입니다. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

z-index: 50;을 상위 (컨테이너) div에 추가하십시오.