Problème avec mon cadre en div

Bonsoir je bloque sur le bloc que je suis en train de créer je vous montre mon css et mon html

CSS :

/* Le menu de gauche
 --------------------------------------------------------------------------------------------------------------------------- */
.menu {
	float: left;
	width: 230px;
}

.principal {
	width: 100%;
	background-image:url('/interface/defaut/ml.png');
	background-repeat: repeat-y;
}

.int {
	padding-left: 18px;
	padding-right: 18px;
}

.principal2 {
	background-image:url('/interface/defaut/mr.png');
	background-repeat: repeat-y;
	background-position: right;
}

.haut {
	height:18px;
	background-image:url('/interface/defaut/tm.png');
}

.coingh {
	width:18px;
	height:18px;
	background-image:url('/interface/defaut/tl.png');
	float: left;
}
			
.coindh {
	width:18px;
	height:18px;
	background-image:url('/interface/defaut/tr.png');
	float: right;
}

.contenu {
       padding: 25px;
	background-color: #EFF7FB
}

.bas {
	height:18px;
	background-image:url('/interface/defaut/bm.png');
}

.coingb {
	width:18px;
	height:18px;
	background-image:url('/interface/defaut/bl.png');
	float: left;
}

.coindb {
	width:18px;
	height:18px;
	background-image:url('/interface/defaut/br.png');
	float:right;
}

.cat {
	color: #FFFFFF;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #002A46;
	background-image: url('/interface/defaut/cellpic1.gif');
}

.catb {
	color: #FFFFFF;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #031A2F;
	background-image: url('/interface/defaut/cellpic3.gif');
	text-indent: 4px;
}

HTML :

<div class="principal">
		<div class="principal2">
			<div class="haut">
				<div class="coingh"></div>
				<div class="coindh"></div>
			</div>
			
			<div class="int">
				<div class="cat"><h4>Titre menu</h4></div>
					<div class="contenu">
						<p>Texte texte texte texte texte texte texte texte texte texte texte texte texte 
						texte texte texte texte texte texte texte</p>
						<p>texte texte texte texte texte texte texte texte texte texte texte texte 
						texte texte texte texte texte texte texte</p>
					</div>
				<div class="catb"></div>
			</div>
			
			<div class="bas">
				<div class="coingb"></div>
				<div class="coindb"></div>
			</div>
		</div>

Et voici un petit screen du bloc ou il y'a un problème avec les lignes qui continu

http://img8.imageshack.us/img8/847/162301.jpg

Merci pour votre aide parce que la je sature je comprend pas

Edite: Sa commence mal j'ai poster dans la bonne catégorie si un modérateur peut déplacer je suis désolé
Modifié par staff (28 Mar 2009 - 22:53)

Hello staff et bienvenue ,

staff a écrit :
Edite: Sa commence mal j'ai poster dans la bonne catégorie si un modérateur peut déplacer je suis désolé

C'est fait...

Par contre je n'ai pas compris quel était ton problème... Et d'ailleurs ton code va être dur à tester puisqu'il comporte plein d'images dont nous ne disposons pas : l'idéal aurait été une page en ligne...

Merci pour le déplacement donc en faites le problème vient des traits qui déborde sur les bords arrondi qui sont des images voici le lien http://www.performant-heberg.fr/ effectivement sa sera plus facile en vous donnant le lien merci encore pour votre aide

Je précise que c'est normale que le cadre du milieu est pas les traits qui depasse des bords parce que il et fait en tableau et que le menu et fait en div le cadre du milieu je le mettrai aussi en div des qu'on aura régler le problème du menu.

Mais je voudrais le même rendu que le tableau du milieu espérant m'avoir bien expliquer
Modifié par staff (29 Mar 2009 - 13:33)