鼠标悬停扰乱导航

Question

我创建了导航菜单，当我将鼠标悬停在导航项上时，导航起来和下来，在下面的图像中，您可以找到没有鼠标悬停在

当我在导航上移动鼠标时，它变成了这样：任何人都可以帮助我吗？

css：

#navigation {
    /* background: #414445 url(../images/navigation/bg.png) repeat-x 0 0; */
        clear: both;
        min-height: 2.2em;
        padding: 0 5px;
        position: relative;
        z-index: 1;
        float: right;
        top: -45px;
        width: 850px;
}

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 3px;
    float: right;
}

.ie7 #navigation ul {
    padding: 2px;
}

#navigation li, #navigation a {
    display: inline-block;
}

.ie6 #navigation li, .ie7 #navigation li, .ie6 #navigation a, .ie7 #navigation a {
    display: inline;
    zoom: 1;
    z-index: 200;
}

#navigation li {
    color:#000;
        position: relative;
        vertical-align: top;
        margin-left: 20px;

}
#header_navigation {
        top: 22px;

}
#navigation a {
    color: #FFF;
    margin: 0 1px;
    text-decoration: none;
}

.ie7 #navigation a {
    padding: 4px 15px;
}

#navigation .aui-dd-drop a {
    cursor: move;
}
/* 
#navigation .selected a, #navigation a:hover, #navigation a:focus, #navigation .child-menu li a, #navigation .aui-dd-dragging, .lfr-navigation-proxy {
    background: #313334;
    border-bottom: #fff solid 2px;
    outline: 0;
    text-shadow: -1px -1px #000;
}
#navigation li:hover{
    border-bottom: #000 solid 2px;

} */


#navigation li:hover .child-menu {
    background: #188091;
    display: block;
    position: absolute;
    width: 200px;
    z-index: 200;
}

.ie6 #navigation li.hover .child-menu {
    background: #1E2529;
    display: block;
    position: absolute;
    width: 200px;
    z-index: 200;
}

.ie6 #navigation li.hover .child-menu, .ie7 #navigation li:hover ul.child-menu {
    left: 0;
    top: 25px;
}

#navigation .child-menu {
    display: none;
}

#navigation .child-menu li {
    border-width: 0 0 1px;
    display: block;
    float: none;
    margin: 0;
    height: 25px;
}

#navigation .child-menu li a {
    cursor: pointer !important;
}

.ie7 #navigation .child-menu li a {
    zoom: 1;
}