Liste problème margin/padding avec navigateur

Bonjour,

J'ai un problème assez agaçant avec les listes (ul, li). Je voudrais que ma liste est un retrait gauche. Cependant, si je met un margin-left, sur i.e ça aligne comme il faut et si je met un padding-left, ça aligne comme il faut avec firefox, il me faut les deux ... ce que je trouve assez désagréable. Donc, si quelqu'un aurait une meilleur solution, ce serait apprécié.

Voici un exemple pour illustré mon problème :

HTML

    <div id="accueil-gauche">
      <div class="contenu">
        <p class="contenu">
          Texte #1
        </p>
        <ul>
            <li>
              Liste1
            </li>
            <li>
              Liste2
            </li>
            <li>
              Liste3
            </li>
            <li>
              Liste4
            </li>
          </ul>
      </div>        
    </div>

CSS

body
{
  background-color:#e0e0e0;
}

div#accueil-gauche
{
  padding:10px 10px 10px 10px;
  float:left;
}

div#accueil-gauche div.contenu
{
  background-color:#f6f6f6;
  width:250px;
  height:600px;
  border:1px solid;
}

div#accueil-gauche ul
{
  color:#727171;
  margin:10px 0px 0px 45px;
  padding:10px 0px 0px 45px;
}

div#accueil-gauche li
{
  padding:1px 1px 3px 1px;
}

p.contenu
{
  font-family:Verdana;
  color:#727171;
  margin:0px;
  text-align:center;
}

le problème est dans div#accueil-gauche ul

Merci!
a+

bonjour,


si je me rappelle bien, cela viens du fait que le modele des li n'est pas le meme avec les navigateurs et IE. La puce est, ou n'est pas, intégré dans le li suivant le navigateur. De ce fait il faut un margin ou un padding suivant le cas. SGDG