Меню: display: block, padding-top и bottom

[keen_]

Указываю padding-top: 6px, а в реале выходит 10px.
Верхний padding указываю тоже 6px, а в реале выходит 11px.
Не подскажите в чём состоит мой недочёт?

И ещё, как сделать, чтобы справа тоже был padding равен точно 8px от самой длинной строки? Сейчас у меня просто выставлены width контейнера.

<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Engagement Rings</a></li>
<li><a href="#">Ring Mountings</a></li>
<li><a href="#">Gemstone Diamond Rings</a></li>
<li><a href="#">Earrings</a></li>
<li><a href="#">Gemstone Diamond Earrings</a></li>
<li><a href="#">Cufflinks</a></li>
<li><a href="#">Objects</a></li>
<li><a href="#">Eternity Bands</a></li>
<li><a href="#">Diamond Education</a></li>
<li><a href="#">Jewelry Education</a></li>
</ul>
</div>

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding-left: 8px;
padding-top: 6px;
padding-bottom: 6px;
width: 190px;
background-color: #036;
border-bottom: 2px solid #000;
}

#navcontainer a:link, #navlist a:visited
{
color: #a3a3a3;
text-decoration: none;
text-transform: uppercase;
}

#navcontainer a:hover
{
background-color: #2c2c2c;
color: #cdcdcd;
}