IE6的Z-index錯誤..似乎無法弄清楚這一點

Question

我正在通過以下網址處理這個漂亮的標題： http ： //kayaskitchenbelmar.com/test/header.html

不幸的是，在IE6中，“ Print和“ View按鈕的下拉菜單會折疊到新的一行。

這是由於常見的z-index錯誤。 我試圖通過使父div相對於其子級具有更高的z-index和position絕對值來解決此問題，但這似乎沒有用。

可能我缺少明顯的東西？

更新資料

好吧，我認為我已將其范圍縮小為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 。 而且我不能使用'absolute'，因為它不允許div與調用它的父ul有關。

有任何想法嗎？

Answer 1

我添加了這些，這是金黃色的：

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