3
我面对的，我曾经在CSS中发现的最疯狂的一个问题...CSS下拉列表中显示，IE6，IE7，绝对定位错误
我有两个CSS-的jQuery水平下拉菜单，一个和一个在下面，点击它时显示下拉列表。
问题是当我点击在IE6和IE7上下拉，和绝对定位的元素越过相对定位的。上部下拉列表（绝对）显示下面的下拉（相对）。
的JavaScript：
$("button").click(function(e){
$(".menu").hide();
$(this).siblings(".menu").show();
e.stopPropagation()
});
$(document).click(function(){$(".menu").hide()});
HTML：
<div class="top">
<div class="dropdown">
<button>Dropdown1 v</button>
<div class="menu">
<a href="#link">Option a</a>
<a href="#link">Option b</a>
<a href="#link">Option c</a>
</div>
</div>
<div class="dropdown">
<button>Dropdown2 v</button>
<div class="menu">
<a href="#link">Option d</a>
<a href="#link">Option e</a>
<a href="#link">Option f</a>
</div>
</div>
</div>
CSS：
.dropdown{float:left;display:inline;clear:left;position:relative}
.menu{position:absolute;left:0;top:22px;z-index:1}
.menu a{display:block}
.menu{display:none;border:1px solid #ccc;padding:3px;background:#ffffe0}
这里的例子：
这里的解决方案：
我试过不同的解决方法，从博客和论坛没有运气，如果有黑客，我会欣赏 – 2011-05-17 16:27:25
@Nacho：如果你已经知道这是z-index错误，那么你应该已经包含所有这些信息在你的题。否则，我们会建议你不想要的各种修复。 – Sparky 2011-05-17 16:31:16
事实是，我不知道，我已经记录在这个问题上，并有解决方法，但那些不适合我 – 2011-05-17 16:35:09