[bad wolf]

je suis en train de virer les tableau dans l'entête du site,


je les remplace par des listes non ordonnées (ul / li ...)

par contre pour faire mon menu, je transforme les listes en éléments "inline", or je veux que le texte de ce menu soit aligné sur la droite

ça pas de problème,
le souci c'est qu'il y a une marge de plusieurs pixels sur le côté droit, et je ne vois pas comment la virer

le code :
html

<ul class="menuhaut">
        <li>
            <a href="">Menu 1</a>
        </li>
        <li>
            <a href="">Menu 2</a>
        </li>
        <li>
            <a href="">Menu 3</a>
        </li>
        <li>
            <a href="">Menu 4</a>
        </li>
    </ul>

CSS :

#haut                /* menu haut*/
{
width: auto;        /* fluidité */
height: 42px;        /* hauteur de l'image de fond */
text-align: right;    /* le texte sera positionné sur la droite */
background-image: url('../images/bannieres/separateur_egagroup.gif');    /* image de fond */
background-repeat: repeat-x;    /* l'image de fond est répétée sur toute la longueur de la page */
}

.menuhaut
{
list-style-type: none;
margin: 0;
padding:0;
}

.menuhaut li
{
display: inline;
margin: 0;
padding:0;
}

.menuhaut a
{
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menuhaut a:hover
{
text-decoration: none;
}

le résultat :



EDIT : résolu
j'avais pas placé le text-align là ou il fallait