html - 没有滑动的垂直菜单

Question

在我的网站上，我使用垂直菜单来选择不同的类别。问题是滑动窗口有一个小的滑动。我希望滑动窗口与菜单完全对齐。这是代码。子层很高，所以它们隐藏在内部的底部。网址是http://www.ontario.dollarad.ca/publish_menu.php

<div id="nav_ver">
    <ul class="top-level">
        <li><a href="#">Social</a>
            <ul class="sub-level">
                <li><a href="publish_end.php?classe=Social&sclasse=Dating">Dating</a></li>
                <li><a href="#">Dancing,singing courses</a></li>
                <li><a href="#">Hobbies</a></li>
                <li><a href="#">Social meeting</a></li>
        <li><a href="#">Mentoring</a></li>
        <li><a href="#">Music courses</a></li>
        <li><a href="#">Restaurants</a></li>
        <li><a href="#">Others</a></li>
            </ul>
        </li>
        <li><a href="#">Pets</a>
    <ul class="sub-level">
                <li><a href="">Dogs</a></li>
                <li><a href="#">Cats</a></li>
                <li><a href="#">Birds</a></li>
                <li><a href="#">Reptiles</a></li>
        <li><a href="#">Aquatic animals</a></li>
        <li><a href="#">Insects</a></li>
        <li><a href="#">Breeding farm</a></li>
        <li><a href="#">Exotic pets</a></li>
        <li><a href="#">Equipements</a></li>
        <li><a href="#">Others</a></li>
            </ul>
    </li>
    </ul>
 </div>

这是 CSS。请告诉我该怎么做才有效。

#nav_ver {font-size:0.75em; width:150px;}
#nav_ver ul {margin:0px; padding:0px;}
#nav_ver li {list-style: none;} 

ul.top-level {background:black;}
ul.top-level li {
 border: #FF0000 solid; 
 border-width: 1px;
}
 #nav_ver ul.sub-level {border:1px solid yellow;}
 #nav_ver a {
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;
    color:red;
 text-decoration:none;
 width:100%;
z-index:400;
}
#nav_ver a:hover{
    color:red;
 text-decoration:underline;
}

#nav_ver li:hover {
 background: black;
 position: relative;
 z-index:400;
}
ul.sub-level {
    display: none;  
    z-index:400;
}
li:hover .sub-level {
    background: black;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 150px;
    top: 0px;
    z-index:400;
}
ul.sub-level li {
    border: none;
    float:left;
    width:150px; 
   z-index:400;
}

#nav_ver .sub-level {
    background: black;
    z-index:400;
}

非常感谢。

Answer 1

只是为了澄清这是你需要的:

如果需要，请告诉我如何完成。