[resolu] Décalage entre Firefox et IE

Bonjour,

j'ai commencé à travailler sur une interface entièrement en CSS, mais je bute sur la position de mon menu gauche :
le haut du menu est bien aligné avec le haut du contenu et du menu droit sous IE (V6 chez moi), mais sous Firefox il est plus bas... ?!

J'ai eu beau chercher, je n'ai rien trouvé.

Si quelqu'un a une idée, voici l'adresse de la page code et des CSS
Modifié par notepares (08 Jan 2007 - 08:45)

Bonjour,

Bon, il faudra revoir les propriétés des listes !!

/*--------- CSS ---------------*/
#MenuGauche {
	float: left;
	margin: -4px 0 0 0;	/* margin-top -3px pour compenser le haut de la plume dans le menu */
	width: 140px;
	font-weight: bold;	
	padding: 0 5px 0 5px;	
	text-align: left;
}
#MenuGauche h1{

	background: #f8e5d0 url(FondEncrier.gif) no-repeat;
	line-height: 25px;
	margin: 0;
	padding-left: 20px;
	font-size: 13px;	
}

#MenuGauche ul{
	list-style-type: none;
	margin: 0;
	padding: 0 5px 0 5px;
}

#MenuGauche li {

	background-color: #FFF;
	line-height: 20px;
	border-bottom: 1px dashed #600;
}

hr{
	height: 50px;
	color: #fff;
	border: 0;
}

/*------------- HTML -------------------------*/
  <div id="MenuGauche">
    <h1>VOS AVIS</h1>   
    <ul>
      <li>Coups de coeur</li>
      <li>Livres</li>
      <li>Auteurs</li>
      <li>Forum</li>
     </ul>
	 
	 <hr /><!-- Spacer -->	
	 
     <h1>ÉVÈNEMENTS</h1>	 
     <ul>
       <li>Sur les tables</li>
       <li>Prix littéraires</li>
       <li>A paraître</li>
     </ul>
  </div>

En effet, je vais suivre ton conseil et plancher à nouveau sur les listes.

Je voulais bien faire en imbriquant des listes pour mon menu, arrffff... Merci de m'avoir remis sur le chemin de la rigueur !!

Ca se positionne beaucoup mieux comme ça, MERCI BEAUCOUP