css - 上部と左側に大きなギャップがある垂直 CSS メニュー

Question

垂直 CSS メニューがありますが、左と上にギャップがあり、どこを削除すればよいかわかりません。メニュー CSS は下にあり、完全なコードでフィドルを作成しました。

#vertical_menu {
    float:left;
}
#vertical_menu > ul > li {
    display:inline-block;
    width:140px;
}
#vertical_menu > li {
    display:inline-block;
    list-style:none;
    margin-left:-20px;
}
#vertical_menu li a {
    display:block; 
    padding-bottom:10px;
    margin-top:15px;
    border-bottom:4px solid #000000;
    color: #000000;
    text-decoration:none;
}
#vertical_menu li a:hover { 
    border-color:#666666; 
    color:#666666
}

何か案は？

http://jsfiddle.net/Dfw9f/1/