Positionnement de div incorrect

Bonsoir,

Avant toute chose, désolé si la question vous a déjà été posée mais avant de m'incendier, sachez que j'ai déjà fait les recherches à propos de mon problème et aucune des solutions ne semblent marcher .

Voilà, j'aimerais coller le titre de ma news au contenu de celle-ci. Seulement, impossible d'y parvenir, autant sous IE que sous Firefox... il y a visiblement un décallage et je ne vois pas d'où il vient !

Si vous pourriez m'éclairer ce serait gentil.

Voici la partie html qui correpond à l'affichage de mes news :

<div class="news">
<div class="ntitre"><h3>Mon code php correspondant au titre</h3></div>
<div class="ncontenu">	Mon code php correspondant au contenu</div>
</div>

Et voici la CSS :

div.news {
	clear: both;
	width: 80%;
	background-color: #eeeeee;
	padding: 0;
}

.news h3 {
	font-family: Verdana, Tahoma;
	color: #FFF;
}

div.ntitre {
	position: relative;
	width: 50%;
	line-height: 30px;
	height: 30px;
	background: url('images/news/ntitre.png') repeat-x;
	margin: 0;
	padding: 0;
}

div.ncontenu {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	border: 1px solid #000000;
	margin: 0;
	padding: 0;
}

Le résultat se trouve ici : http://lambda-comm.fr/test/news.php .

Merci par avance

Personne n'a d'idée ? Snif

Essaye ceci, qui sera un peu plus logique du point de vu du HTML :

<div class="news">
<h3>Mon code php correspondant au titre</h3>
<p class="ncontenu">Mon code php correspondant au contenu</p>
</div>

Et pour le CSS, ne pas oublier que les Hn on des marges par defaut, donc :

div.news {
	clear: both;
	width: 80%;
	background-color: #eeeeee;
	padding: 0;
}
.news h3 {
	font-family: Verdana, Tahoma;
	color: #FFF;
	[b]margin-bottom:0;[/b]
	width: 50%;
	line-height: 30px;
	height: 30px;
	background: url('images/news/ntitre.png') repeat-x;
}
p.ncontenu {
	width: 100%;
	border: 1px solid #000000;
	margin: 0;
	padding: 0;
}

salut,

bah moi je supprimerais le margin-right de 5px sur l'image class="illustration"

J'ai essayé vos solutions et, à mon regret, rien n'y fait : ce foutu décalage persiste et continue de m'enquiquiner...

Je crois que je vais être contraint d'utiliser un tableau (beurk)

Si vous avez d'autres idées, n'hésitez pas

C'est bon, j'ai résolu mon problème, merci pour vos réponses !

J'ai relu ma feuille de style en long, en large et j'ai enlevé ces deux instructions :

#contenu div {
margin: 20px;
}

#contenu p {
margin: 20px;
}

Maintenant, cela marche impeccable, merci à tous