响应式布局下拉菜单

Question

答：我正在尝试创建一个响应式布局，它显示确实很好，但我在较小屏幕上的下拉菜单中遇到了麻烦。在较小的屏幕上，z-index为2000的添加到购物车div正好在导航下方，因此当鼠标悬停在任何菜单项上时，我的下拉菜单隐藏在它下面。为了避免我已经将z-index：2000000添加到我的下拉菜单位，它还没有解决问题。如果有人能告诉我我做错了什么，我真的很感激？

B中。我已经看过像tinynav和响应式导航的jquery插件，它可以在屏幕调整大小时将<ul>转换为<select>，同样的东西可以用于嵌套<ul>元素的下拉菜单吗？

这是我的css的一部分：

#cart {
width: 220px;
position: absolute;
right: 0px;
top: 0px;
z-index: 2000;
background: url(images/crt_bb.png);
overflow: hidden;
}
.sub-menu {
background-color: #fff;
border: #e6e6e6 1px solid;
border-radius: 3px;
position: absolute;
min-width: 170px;
z-index: 2000000;
display: none;
left: -20px !important;
}

以下是网址：http://daccordinc.com/ 将浏览器调整为较小的尺寸，并将鼠标悬停在导航中的衬衫上以查看问题。

亲切的问候 艾哈迈尔