错误的弹出式子菜单被下面的列式ul列覆盖

Question

关于此working model of the website here，您会发现，在Chrome中，菜单正常运行：

在Microsoft Edge中，z堆栈的行为不一致，并且弹出的子菜单由下面的列样式ul覆盖。

CSS用于列样式子菜单：

/* Split product category menu into 5 columns */
#menu-item-271293 > ul{
    -moz-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-count: 5;
    -webkit-column-gap: 20px;
    column-count: 5;
    column-gap: 20px;
    font-size: 20%;
}

我尝试过的事情：

z-index:10000000!important;

overflow: visible!important;

有关元素。

请在浏览器开发人员模式下检查菜单，并帮助我提出针对Microsoft Edge的修复程序。