Probleme block imbriqués

Voilà voici mon html

<div id='img_box'>
	<h1>Images</h1>
	
		{% for img in object_list %}
			
			<dl class="gallery">
			<dt><a href="concours/"> <img src={{img.img_adresse_thumb}}> </a></dt>
			<dt>{{img.img_nom}}</dt>
			<dd>{{img.img_description}}</dd>
			</dl>
			
			
			
					
		{% endfor %}
	</div>

voici mon css :

*gestion des images*/

div#img_box {
	background : #312e63;
	width : 750px;
	height : 100%;
	margin : 0 auto 0 auto;
}

dl.gallery
{
border: 0px solid #fc8e15;
background-color: #312e63;
width: 150px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1.3em;
}

.gallery dt { font-weight: bold; 
	      color : #fc8e15;	
}

.gallery dt img
{
border: 0px solid #000;
width: 150px;
height: 150px;
}

.gallery dd
{
margin: 0;
padding: 0;
color : #fc8e15;
}

ça fait bien ce que je veux, à quelques petits détails près :

voici ce que ça donne :

http://img357.imageshack.us/img357/9264/img3sq6.png

et voici ce que je voudrais :

http://img385.imageshack.us/img385/1170/img4jj9.png

Le soucis semble venir de ma div img_box qui n'inclue pas bien le gallery ...

Merci de m'aiguiller
Modifié par leau2001 (05 Jun 2008 - 18:52)

Bonjour à toi aussi et bienvenue ici,

Tiens, au fait, sais-tu que les mots "bonjour", "s'il vous plaît", "au-revoir", "merci", etc. sont tous des mots du dictionnaire et que nous les utilisons ici sans honte ?

D'ailleurs contrairement aux apparences, tes interlocuteurs sont tous des vrais gens dans la vraie vie, comme toi, et non des robots.

Lorsque tu rencontres des personnes et que tu voudrais leur poser des questions, tu ne commences pas par leur dire bonjour ? Ou même par te présenter un peu ?

Est-ce vraiment trop demander que de ne pas avoir de fast-food ici et que les membres respectent des règles minimales de courtoisie ?