IE兼容模式下的css重叠问题

Question

当前的CSS我在firefox，chrome和IE 8中运行良好。当我在IE中切换到兼容模式时，页脚div与目标div重叠。有什么我想念的吗？目标的z-index高于页脚，但仍然隐藏在页脚后面

#footer {
    background-color: #666666;
    border: 1px solid #666666;
    height: 110px;
    margin: 0px;
    padding: 6px 14px;
    position: relative;
    z-index: 2001;
}

.targets-div {
    display: none;
    margin-top: 2px;
}
.targets-content-div {
   position: absolute;
   z-index: 3002;
   height: 300px;
   width: 200px;
}