html - 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;}