Problème menu horizontal css

Bonjour,

Sur le site que je suis entrain de concevoir, je voudrais inserer un menu hotizontal.

J'ai procédé comme suit :

html:

<ul id="menu1">
<li><a href="#">Acceuil</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">A propos</a></li>
<li><a href="#">Contact</a></li>
</ul>

css:

#menu1
{
        padding : 0;
        margin : 0;
        list-style : none;
        line-height : 21px;
        text-align : center;
        font-weight : bold;
        font-family : Arial;
        font-size : 12px;
}

#menu1 a 
{
        display : block;
        padding : 0; 
        background : #000;        
        color : #fff; 
        text-decoration : none; 
        width : 255px;
}
#menu1 li       
{ 
        float:left;       
        border-right : 1px solid #FFF;
}

#menu1 a:hover  
{
        color: #000; 
        background: #fff;
}

Je demande donc que chaque rubriques soient séparée par une ligne blanche à droite. Cependant, d'un point de vue esthétique, je n'ai pas du tout besoin que cette ligne se répète pour le dernier onglet "contact".

J'ai essayé de mettre un "id" à mon onglet contact pour annuler le "border-right:..." mais rien n'y fait

Pouvez vous m'aider?

Merci d'avance