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。