导航菜单下拉列表

Question

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

查看我网站上的顶级菜单：www.integratedphysicaltherapy.ie

＆＃34;运动损伤管理＆＃34;链接似乎是以某种方式受其下拉元素的影响。我看了一眼，但看不出是什么造成的。任何帮助将不胜感激。

这是代码

#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;
}