在IE9中按容器截断CSS下拉菜单

Question

我对这篇文章有一个非常类似的问题：

CSS Flyout menu gets cut off by borders of its container in IE9

不同之处在于，在我的情况下，我需要在容器上设置z-index（因此位置）。你可以在这里看到我的JSFiddle：

http://jsfiddle.net/qbaH9/4/

在完整版面中，有一个元素可以通过在标题中添加z-index：100来“在标题下滑动”，如this image中所示。

如何在标题上设置z-index，还要确保IE9中的下拉列表没有被截断？

Answer 1

从position: relative删除.main-header。

http://jsfiddle.net/qbaH9/3/