html - Div 在 IE8/7 中不可见...有时

Question

我遇到了一个以前从未遇到过的奇怪问题。

我正在为此页面编写前端代码:已编辑

当我在 IE 中查看它时，下拉 div 没有显示(我目前将它设置为在我进行故障排除时始终显示，所以它是包含男性和女性类别列表的大块)。我可以在 IE Dev Tools 中单击该 div 并查看其轮廓，但找不到 div 本身。

在故障排除过程中，我将我的代码转储到 jsFiddle 中，稍微弄乱了一下，但它在 IE 中工作正常。它是完全相同的 HTML，我只是将我的外部 CSS 和 JS 文件作为资源加载，所以它们完全相同。

这是 jsFiddle 链接:已编辑

任何人都知道什么给了？

这是受影响的 div 的 CSS:

#productDrop {
    background: url(../../images/global/bgProductDrop.png) no-repeat;
    left: -646px;
    height: 166px;
    padding: 40px;
    top: 37px;
    width: 675px;
}

提前致谢，
马库斯

Answer 1

从 ie.css 中删除 overflow-x:hidden; 为 #headerWrapper