IE6 的 Z 索引错误.. 似乎无法解决这个问题

Question

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

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

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

也许我错过了一些明显的东西？

更新

嗯，我想我已经将其范围缩小为 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;}