IE6的Z-index错误似乎无法解决这个问题

Question

我正在这里处理这个华丽的标题：http://kayaskitchenbelmar.com/test/header.html

不幸的是，在IE6中，来自Print和View按钮的下拉菜单会折叠到一个新行。

这是因为常见的z-index错误。我尝试通过使父div具有更高的z-index并且相对于其子的位置具有更低的z-index和位置绝对来解决这个问题，但这似乎不起作用。

可能我错过了一些明显的东西？

更新

我认为我已经将其缩小为IE6相对错误

这些修复措施势在必行：

#nav-options{
  margin-left: 15px;
  padding-top: 20px;
  width: 232px;
  height: 41px;
  position: relative;
  z-index: 3000;
}

.popup-nav{
  clear: both;
  display: none;
  float: none;
  position: relative;
  right: 318px;
  text-align: right;
  top: 15px;
  z-index: 1000;
}

但在这种情况下，IE6似乎无法识别relative。我不能使用'绝对'，因为它不允许div相对于调用它的父ul。

有什么想法吗？

Answer 1

我添加了这些并且它是金色的：

* html #nav-options {overflow: hidden;}
* html .popup-nav {right: 20px;}