CSS - IE 7 z-index問題

Question

美好的一天。我有一個下拉菜單（帶顯示屏實際上是一個DIV：根本沒有在它出現在搜索欄onclick事件）放在一個div裏面有以下樣式：

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

出現（下拉）的div有：

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; 

現在......這裏的問題是（我不得不隱藏一些內容感到很抱歉我還不能提供的在線副本對此感到遺憾太）：

紅線是在相同的水平下拉的風格的容器一個div：

top: 140px; 
width: 100%; 

藍色條（是置於內部的其他2周的div位置一個div：相對和浮動：左，什麼都沒有其他人）有：

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。