Line-height Label

Bonjour,

j'ai fait des recherches sur alsacréations et sur google mais je ne trouve pas mon sujet. Alors je l'ouvre, peut-être que ça servira. (En même temps, je trouve ça bizarre que ça ne soit arrivé à personne d'autre...)

Bon c'est simple, j'ai un formulaire avec des champs. La structure d'un champ ressemble à ceci :

	
           <div class="Cadre">
		<ul class="style1">
			<li><label for="intitule">Pif : </label>
			<input type="text" name="intitule" id="intitule" /></li>	
		</ul>
		<ul class="style1">
			<li><label for="intitule">Paf :</label>
			<input type="text" name="intitule" id="intitule" /></li>	
		</ul>
           </div>

Pour les pages en général, j'ai tout mise à 0, les marges, les padding, et j'ai défini un line-height à 1.5em. (J'aimerai pouvoir le conserver parce qu'il définit pas mal d'autres choses)

Donc tout tourne nickel, sauf sur ces formulaires. En plaçant un line-height sur .style1 li, sous Firefox l'interlignage se fait sans problème, mais rien sous IE6. Et j'ai beau placé mes line-height sur le label, le input ou quoi ou qu'est-ce, IE6 est imperturbable, et moi ça me perturbe!

Qu'ai-je donc fait de mal ? Pourquoi m'en veut il à ce point ?

Modifié par Trafalgar (22 Jan 2008 - 15:48)