Html 悬停时子菜单消失

我的网站的子菜单在悬停时消失。我很确定它在header.php中。以下是我认为与此相关的代码（请参阅：）：

更改<代码>顶部：27pxstyle.css>行号527

 .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 27px;
    z-index: 99;
    }

另一种方式就是这样-

.sf-menu > li > a {
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    line-height: 1.2;
    padding: 4px 9px 5px;
    margin: 0px 1px 29px 0px; /********* Important Bit ***********/
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background: url("images/menu-hover-tail.gif") no-repeat scroll 0px -999em transparent;
    letter-spacing: -1px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0px;
    top: 55px;   /*** Important Bit ***/
    z-index: 99;
}

通过这些更改，子菜单将与导航栏底部对齐，以使外观更清晰。
我们如何在不看到您的代码的情况下提供帮助。请显示一些代码……也许可以使用@harshittailer-您可以从我提供的链接中获取代码吗？@apaul34208-获得，谢谢！我将用代码修改我的问题：）
.sf-menu > li > a {
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    line-height: 1.2;
    padding: 4px 9px 5px;
    margin: 0px 1px 29px 0px; /********* Important Bit ***********/
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background: url("images/menu-hover-tail.gif") no-repeat scroll 0px -999em transparent;
    letter-spacing: -1px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0px;
    top: 55px;   /*** Important Bit ***/
    z-index: 99;
}