为什么我的导航栏链接未显示在Edge女士中

Question

在我的网站http://www.supercustompc.com/上，我的导航栏中有3个链接。它们显示在chrome，firefox和safari中，但在Microsoft Edge中则不显示。我该如何解决？

我尝试过：向链接添加正Z索引，增加不透明度，并尝试了position：relative，position：absolute和position：unset。到目前为止，什么都没有。

//HTML
<div id="navbar">
    <img id="logo" src="images/logo.png"></img>
    <a href="mailto:supercustompc.com@gmail.com">Contact</a>
    <a href="#productScrollPosition">Products</a>
    <a href="#homeScrollPosition">Home</a>
</div>

//CSS
#navbar >  a {
    color:rgb(206, 206, 206);
    text-decoration: none;
    position: relative;
    float: right;
    top: 0px;
    right: 40px;
    font-size: 21px;
    margin-left: 40px;
font-family: arial;
    padding: 11px;
padding-bottom: 6px;
z-index: 1;
}
#navbar a:hover {
    color:white;
    border-bottom: 4px solid white;
background-color: rgb(0,0,0,.35);
}

//JavaScript
var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;
function snapToTop() {
    if (window.pageYOffset >= sticky-45) {
    navbar.classList.add("sticky");
} else {
    navbar.classList.remove("sticky");
};
};
window.onscroll = function() {
snapToTop();
};

window.addEventListener('resize', function(){
    snapToTop();
};

与其他所有浏览器一样，导航链接应该在ms边缘的导航栏的右侧可见，但是它们不会显示。