CSS - SubMenu职位

Question

我的子菜单遇到了一些问题，单独使用时效果很好，你可以看一下这个演示： http://fiddle.jshell.net/7fN8m/。但是，当我尝试将其添加到我的eshop模板时，我遇到了一些问题，因为如果我缩放浏览器窗口或使用其他浏览器，它会以不同的方式显示，远离主菜单。

我认为问题出在这里：

#categories_block_left ul li ul{
    position:absolute;
    display:none;
}


#categories_block_left ul li:hover ul{
    left:270px;
    top:0px;
    display:block;
    z-index:1;
}

但我不知道如何解决它。有人可以帮帮我吗？

可在以下位置找到实时预览：http://presta15.priemyselnytovar.sk/（左侧菜单）

完整代码可在以下网址找到：http://pastebin.com/pMKHUtdQ

Answer 1

作为ul子菜单的父级的li需要具有position：relative，以便子菜单相对于父li的位置。如果不这样，子菜单将相对于具有位置属性集的最近祖先进行定位。