Supprimer bordure

Bonjour,

J'ai un souci sur Firefox lorsque je supprime la bordure du haut. Un espace est créé entre les deux div. Ce que je souhaite c'est que les deux boites se touchent.
Voila ce que j'ai dans ma feuille de style

.style {
		width: 431px;
		height: 70px;
		border: 2px solid;
		border-top: 0px;
		border-color: #FF9900;
	}
.mini-image {
		float:left;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom:10px;
	}

Dans ma page html

<div class="style-forum"><img src="monimage.jpg" width="60" height="50" alt="" class="mini-image" /><p>
 <strong>Le titre</strong><br /> Ceci est un texte.</p>
</div>
<div class="style-forum"><img src="monimage.jpg" width="60" height="50" alt="" class="mini-image" /><p>
 <strong>Le titre</strong><br /> Ceci est un texte.</p>
</div>

Je souhaite aussi décaler tout le texte compris entre <p> et </p> vers le bas. Lorsque je rajoute margin-top: 10px ça ne fonctionne pas dans IE.

Merci d'avance de votre réponse.
Modifié par azzurro (22 Aug 2008 - 16:57)

Bonjour,

C'est à priori un comportement normal, dû à la fusion des marges.
À lire: blocs imbriqués et fusion des marges.

Après plusieurs tests ils semblent que l'écart disparaisse lorsque je supprime sur l'image la propriété float.

Par contre je n'arrive pas à aligner le texte sur le haut de l'image. Pour le titre c'est ok mais le reste du texte après le br se place sous l'image.