La différence de l'affichage de liste entre IE et firefox

bonjour à tous
j'ai entrain de faire un page web ,j'ai un problème d'affichage au niveau de menu vertical à internet explorer 7,un petit décalage va apparaitre à gauche ,j'ai fait plusieurs essaye mais il ne marche pas

internet explorer
firefox

Bonjour,

Sans voir ton code CSS, je me doute que c'est parce que tu n'as pas défini toutes les propriétés des listes qui ont des valeurs par défaut (marge, position de la puce...). Ces valeurs par défaut sont différents d'un navigateur à un autre d'où des rendus différents.

Vu les images, je pense que c'est du à list-style-position.

merci laurie
je vais déposer le code css que je le met:
html:

<div id="menuvertical"> 
<ul>
<li><a href="projet.html"> Qui sommes nous ? </a></li>
<li><a href="">l'&eacute;quipe de</a></li>
<li><a href="">Nos partenaires</a></li>
<li><a href="">menu 4</a></li>
</ul>
</div>

css:

#menuvertical
{
background-image:url(image/menu1.JPG);
background-repeat:no-repeat;
border:solid 1px #FFFFFF;
padding:0.4em 0.4em 0.4em 0em;
margin:0em 0.4em 0.4em 0em;
height:213px;

}
#menuvertical ul
{
text-decoration:none;
list-style:none;
padding-left:1em;
list-style-position:left;
}
#menuvertical a
{
color:black;
text-decoration:none;
/*padding-left:1em;*/
}
#menuvertical a:active
{
color:red;
text-decoration:none;

}
#menuvertical ul li
{
padding-bottom:1.5em;

}

je trouve aussi que l'espace vers haute est disparaît

list-style-position:left;

List-style-position ne peux avoir comme valeur que "inside" ou "outside".

Merci de faire attention à ton français, ce n'est pas toujours facile de te comprendre.

Bonjour eagle83

pour être honnête, je n'ai pas très bien compris ton problème.

Tu veux retirer l'espace qui est à gauche sous Internet Explorer ou bien le faire apparaître sour Firefox ?

merci laurie
mais il ne marche pas même j'ai enlevé "list style position:left"
merci Q
je m'excuse pour mes phrases voilé !!je veux retirer l'espace à gauche à internet explorer

D'accord.

Je n'ai pas Internet Explorer 7 chez moi, mais essaie de créer une feuille de style consacrée à Internet Explore 7 en modifiant la valeur de la ligne suivant :

#menuvertical ul

{

text-decoration:none;

list-style:none;

[b]padding-left:0.9em[/b];

}

Ici, je l'ai modifié à 0.9

Sinon, je suppose que le bloc que tu est en train de créer va te servir de menu pour ton site, or tu ne donne pas de taille à ce dernier ce qui est très important.
Je te conseille donc d'utiliser la propriété width et de lui attribuer une valeur.

heureusement !j'ai trouvé la solution pour l'espace gauche ,j'ai ajouté à mon ul{padding:0;
margin:0;}
mais je veux aussi retirer l'espace haut !!mais j'ai pas trouvé!!!!!!!!!!

Salut,

Mets un margin:0 sur ton ul pour corriger le problème.

Heureusement que Laurie-Anne a dit plus haut :

Laurie-Anne a écrit :
tu n'as pas défini toutes les propriétés des listes qui ont des valeurs par défaut (marge, position de la puce...)

je vous remercie pour vos aides