CSS边距在IE和Safari中工作不正常

我正在构建一个CSS菜单，由于某种原因，子菜单的边距在IOS和IE11中显示不同

下面是一些图片和css代码

这就是它的外观以及在chrome中的显示方式。

IE&IOS safari就是这样显示的，从上到下的边距应该更高，从左到下的边距应该更小。

这是密码

header .left li .mega-menu {
    background-color: #31342a;
    position: absolute;
    border-radius: 0px 0px 3px 3px;
    margin:-50px 0px 0px 0px;
    visibility: hidden;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); /** Firefox */
    -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); /** For Opera */
    opacity: 0;
    transition: visibility 0.1s linear 0.1s,opacity 0.5s linear, margin 0.5s;
    z-index: -1;
}

header .left li:hover > .mega-menu {
    visibility: visible;
    opacity: 1;
    margin: 15px 0px 0px 0px;
    transition-delay:0s;
}

你能试试这个吗。
我想你错过了

display:block

header .left li .mega-menu {
    background-color: #31342a;
    position: absolute;
    border-radius: 0px 0px 3px 3px;
    margin:-50px 0px 0px 0px;
    visibility: hidden;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); /** Firefox */
    -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); /** For Opera */
    opacity: 0;
    transition: visibility 0.1s linear 0.1s,opacity 0.5s linear, margin 0.5s;
    z-index: -1;
display:block;
}

header .left li:hover > .mega-menu {
    visibility: visible;
    opacity: 1;
    margin: 15px 0px 0px 0px;
    transition-delay:0s;
}

请指定资源管理器版本。我刚刚更新。它的11
.mega菜单
是绝对定位的，但是CSS代码段中没有显示偏移量。另外，是否有一个带有
位置：相对
的父/祖先元素来定义定位
.mega menu
的参考，否则，默认为视口。你需要发布更多的CSS和HTML，细节就是魔鬼。我将主持它，这样你们可以看一看@MarcAudet头是父项，其位置设置为相对位置。我会在一分钟后发布链接有到这个页面的链接吗？