Html 链接在重叠Div中不工作

在为网站创建页脚时，我偶然发现了一些奇怪的重叠div行为。您可以在以下位置看到一个示例：

问题是第二个链接在IE7和IE8的某些版本中是不可点击的。在IE9和Firefox中运行良好

下面是代码，非常简单（您可以在页面源代码中看到完整的代码）：

测试链路1
见这个问题：

这个呢

试着给z-index的父级赋予：-10个div a z-index:1。
会不会给你的前两个div赋予
position
属性而不是
position
属性
z-index
需要非静态定位div才能正常工作。
这与div的顺序有关。此外，如果您将链接放置在另一个包含多个div的div上，则覆盖需要回退。我通常使用透明的png。否则浏览器可以看穿它（ie7等）

问题的解决办法：
感谢您提供此信息。以前从未遇到过这样的问题。我们生活，我们学习！感谢您的建议，但是在更复杂的“真实”代码中，这是不可能的，这里提供了简化版本来模拟这个问题。我修复了这个问题，用另一个z-index:1的div来包装底部div，就像之前建议的那样。为什么不接受一个答案呢？比如说“杰曼”（jaman's.；）
<div style="height: 120px; width: 200px; background: #DDDDDD; postion:relative;">
  <div style="height: 40px; padding: 10px;postion:relative;">
    <a ...[have to remove an actual link in order to post it here]>Test Link 1</a>
  </div>
  <div style="height: 40px; padding: 10px;postion:relative;">
     <a ...[have to remove an actual link in order to post it here]">Test Link 2</a>
  </div>
</div>
<div style="width:250px;height:100px; background:#777777;margin-top:-60px;position:relative;z-index: -10;"></div>