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：style：

top: 140px;
width: 100%;

蓝色条（是一个div放在另外两个div中，位置为：relative，float：left，没有别的）：

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。