Css 导航菜单下拉列表

我遇到了一个小问题，但令人沮丧：

请看我的网站顶部的菜单：www.integratedphysicaltherapy.ie

“运动损伤管理”链接似乎在某种程度上受到其下拉元素的影响。我看了一下，但看不出是什么引起的。任何帮助都将不胜感激

这是密码

#header .header-links .sub-menu {
    display: none;
    float: left;
    position: absolute;
    z-index: 1111;
    border: 0px solid #303030;
    background: #1C1C1C;
}
#header .header-links .sub-menu a {
    color: white;
    font-size: 12px;
    border-bottom: 0px solid #303030;
    line-height: 22px;
    margin: 0;
    padding: 0 0px 0 10px;
}
#header .header-links .sub-menu li:last-child > a {
    border: 0;
}
#header .header-links .sub-menu a:hover,
#header .header-links .sub-menu .current-menu-item a {
}

#pre-header .sub-menu li,
#header .sub-menu li {
    float: none;
    position: relative;
}
#header .sub-menu li {
    padding: 2px 1px;
}
#header .sub-menu li:hover {
    padding-left: 1px;
}

#header .menu > li > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a, 
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover {
    color: #F33F3F;
}
.main-navigation:after {
    clear: both;
    content: "";
    display: block;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation .sub-menu a {
    white-space: nowrap;
}
.main-navigation .sub-menu .sub-menu {
    position: absolute;
    top: -1px;
    left: 100%;
}
.main-navigation ul ul :hover > a {
}
#pre-header .main-navigation ul li:hover > ul,
#header .main-navigation ul li:hover > ul {
    display: block;
}

---

请具体说明，您所说的“似乎在某种程度上受其下拉元素的影响”是什么意思？您在哪个浏览器中观察到问题？我不明白问题出在哪里。我检查了链接，菜单工作正常。