Problème avec google chrome

j'ai un menu de navigation horizontal mais en rtl et dir ="ar" puisque le site est bilingue (arabe et fr). j'ai un souci avec ie7 et 8 malgré dyplay: inline avec zoom 1 pour ie 7, mais mon grand problème avec google chrome c que g une inversion de mon menu
voilà le code:

#menu-nav{
display: block;
position: relative;
margin-left : auto;
margin-right : auto;
width: 670px;
background: #050304;
}
#menu-nav  {
margin-top:170px;
}
#menu-nav a{
direction: rtl;
font-family: Amiri, serif;
font-size: 16px;
text-align:center;
font-weight: bold;
text-decoration:none;
padding-right: 25px;
display: inline;
color: #C2EBFF;
}
#menu-nav ul {
list-style: none;
line-height: normal;
}

#menu-nav li {
display: inline;
}

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

help me merci

Bonjour,

pourrais-tu montrer ton code HTML ?

Au niveau de ton code CSS, tu pourrais déjà faire les modifications suivantes.

#menu-nav est, j'imagine, une <div> ? De ce fait, il est inutile de spécifier un display: block;.

#menu-nav{
position: relative;
margin: 170px auto 0 auto; /* Au lieu de déclarer une nouvelle règle, utilise directement la méga propriété margin. */
width: 670px;
background: #050304;
}

Par défaut, les liens sont de type inline dont il est inutile de mettre un display: inline;

#menu-nav a{
direction: rtl;
font: bold 16px Amiri, serif; /* Idem, tu peux utiliser la mega propriété font. */
text-align:center;
text-decoration:none;
padding-right: 25px;
color: #C2EBFF;
}

#menu-nav a:hover, #menu-nav a:focus /* On n'oublie pas ceux qui naviguent au clavier. */ {
text-decoration: underline;
}

Un petit conseil : n'oublie pas la politesse et fais attention à ton orthographe.
Modifié par jQzz (02 Dec 2013 - 17:37)

Merci pour la reponse, c reglé j'avai omis le list-style: none; pour li
#menu-nav li {
display: inline;
list-style: none;
}
parfait

Superbe !

N'oublie pas d'indiquer que ton sujet est résolu.