Une petite différence sous Firefox

Bonsoir,

<div id="informations">
<br class="clear"/>
<ul id="informations">
<li id="bloc_i"><p>info1</p></li>
<li id="bloc_i"><p>info2</p></li>
<li id="bloc_i"><p>info3</p></li>
</ul>
<br class="clear"/>
</div>

#informations{
	z-index:1;
	position:relative;
	display:block;
	min-width:870px;max-width:98%;
	margin:0 auto;
	background:gray;
	margin-top:0px;
	text-align:center;
}
#informations ul{
display:block
;list-style-type:none;
background:yellow;border:4px dashed #F6F;
margin:0 auto;padding:0px;}

#informations li#bloc_i{
z-index:1;
display:inline-block;
overflow:hidden;
position:relative;
width:308px;height:260px
;background-color:white;border:1px black solid;
margin-top:10px;margin-bottom:10px;}

.clear{clear:both;}

Mon code me fait 3 carrés de type LI alignés dans un UL.
Entre les 2 derniers étrangement sous FF, il y a un petit defaut d'espaces de 2 pixels que je ne vois pas sur les autres.

Je cherche mais je ne vois pas d'ou ça vient

Merci
Modifié par diabless6 (24 Oct 2010 - 22:14)

Bonsoir,

Je pense que c'est au niveau des "border" que ça cloche, essaye de les enlever, constate les différences, j'ai la flemme d'éditer ton code, si demain tu n'a pas trouvé ta solution, je ferait l'effort

Alsamicalement.

Bonjour,

Non, ça ne vient pas des bordures. Mais quand je rajoute un margin de 5px 0px par exemple, je ne distingue plus le défaut !
Peut être un petit bug ?!