salve ragazzi ho questo semplice css:

#nav {
position: absolute;
height: 23px;
width: 500px;
left: 250px;
top: 55px;
}
#nav ul li {
margin:5px;
padding:0, 0.5em, 0, 0.5em;
display:inline;
border-left: 1px solid #000;
font-weight:bold;
color:#004256;
}

#nav ul li a {
color:#004256;
text-decoration:none

}
#nav ul li a:hover{
text-decoration:underline;

html

<div id="nav">
<ul>
[*]A
[*]B
[*]Organigramma
[*]C
[*]D
[/list]


</div>

Vorrei realizzare questo effetto:
| A | B | C |

però ottengo questo:
|A |B |C

praticamente non riesco in nessuno modo a distanziare la lettera dal bordo, come si fa?