Vertikales CSS-Menü mit großen Lücken oben und links ⇐ CSS

[Guest]

Ich habe ein vertikales CSS-Menü, aber links und oben ist eine Lücke, und ich weiß nicht, wo ich sie entfernen soll – mein Menü-CSS befindet sich unten und ich habe eine Geige mit meinem vollständigen Code erstellt:

Code: Select all

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

Irgendwelche Ideen?

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