menu tab e css

[Ghena]

ciao a tutti.

Ho scaricato un semplice menu tabs. Che funziona molto bene. MA ho la necessità di personalizzarlo.

in poche parole come vedete nell'allegato.
Il menu propone di default una riga di base che viene dati dai tag css:
border-bottom: 1px solid;

la modifica che vorrei apportare è di eliminare la riga eliminando il border bottom ( cosa facile) ma di creare una riga tra i vari elementi del menu in modo da avere una cosa del genere
_______ ________
___| |__| |____

in questo momento se elimino il border-bottom mi ritrovo così...

_______ ________
| | | |

vi passo il codice sperando di travare un mago dei css

<style>
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 11px Verdana;
border-bottom: 1px solid;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
background: FFFFFF;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: black;
background: #F3F3F3;
border-color: navy;
}


#tablist li a.current1{
background: #FF6600;
color:#FFFFFF;
}

#tablist li a.current{
background: #F6F6FF;
color:#FFFFFF;
}
</style>

e la parte body...

<ul id="tablist">
<li>SERVIZI</li>
<li>PAX</li>
</ul>