bordo testi

[02perla]

Ciao
ho creato un menu in css, sono riuscita ad inserire il bordo a dx di ogni tasto e lo inserito così all'imnterno delle pagine:

css

ul#navlist
{
margin-left: 0;
padding-left: 5;
white-space: nowrap;

}

#navlist li
{
display: inline;
list-style-type: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #003700;}

#navlist a { padding: 3px 3px;
}



#navlist a:link, #navlist a:visited
{
color: #003333;
background-color: #9BB985;
text-decoration: none;

}

#navlist a:hover
{
color: #003333;
background-color: #FFFF00;
text-decoration: none;
}

html:

<td class="row_bord2"><div id="navcontainer">
<div align="center">
<ul id="navlist">
<li id="active">HOME[*]PORTO SEGURO

adesso vorrei inserire solo sul primo tasto il bordo anche a sx.
Avevo provato creando un altro id, ma se lo inserisco tutto il testo dopo il primo punsante mi va a capo........

Qualcuno mi può aiutare ad inserire il bordo a sx, e anche a creare un po di spazio tra i due tasti.

Grazie

[serialkiller]

#navlist li
{
display: inline;
list-style-type: none;
border-right:1px solid #003700;
margin:0 10px;
}

#navlist li#active {
border-left:1px solid #003700;
}

Non usare le tabelle per impaginare il layout.