[RESOLU] Image qui déborde

Bonjour, j'ai réussi grâce à vous à centre mon menu et à mettre en place les léments de mon site (sous FF pour le moment), mais j'ai un soucis depuis la mise en place de l'image du pied de page. Il apparaît comme il faut, bien positionné, mais j'ai une autre image (celle du fond de page) qui déborde en dessous.
Voici le code xhtml:

		<div id="contenu">
			<div id="bandeau_gauche">
			<h1>Bandeau à gauche</h1>
			<p>Lorem ipsum dolor sit amet,<br />
			consectetuer adipiscing elit.</p>
			</div>
			<div id="corps_droite">
				<h1>Corps du site</h1>
					<p>Lorem ipsum dolor sit amet<br />
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut posuere suscipit neque. Etiam condimentum tortor in libero. Quisque malesuada turpis ut ipsum. Praesent ipsum. Morbi volutpat mauris in erat.</p>
				<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h2>   
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut posuere suscipit neque. Etiam condimentum tortor in libero.<br />
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut posuere suscipit neque. Etiam condimentum tortor in libero.</p>
				<h2>Lorem ipsum dolor sit amet</h2>   
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut posuere suscipit neque.<br />
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut posuere suscipit neque.<br />
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut posuere suscipit neque.</p>
		</div>
		<div id="pied_de_page">
		<p>Copyright © 2006 R. Chayla Immobilier | 76 allée d'Iéna 11000 Carcassonne | tél: 04 68 71 57 27</p>
		<p><a href="http://validator.w3.org/check?uri=referer" title="W3C XHTML validator"><img src="Images/pied_de_page/0xhtml_pw.png" alt="W3C XHTML validator" /></a>&nbsp;&nbsp;<a href="http://jigsaw.w3.org/css-validator" title="W3C CSS validator"><img src="Images/pied_de_page/0css_pw.png" alt="W3C CSS validator" /></a>&nbsp;&nbsp;<a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=0&amp;t=85" title="Firefox"><img src="Images/pied_de_page/firefox.png" alt="Téléchargez Firefox" /></a></p>
		</div>

...le code css

#contenu h1 {
	margin: 0;
	padding: 0;
}

#contenu h2 {
	margin: 0;
	padding: 0;
}

#contenu {
	background-image: url("Images/fondpage.gif");
	width: 806px;
	margin: 0 auto;
	padding: 0;
}

#pied_de_page {
	background: url("Images/piedpage.gif") no-repeat;
	width: 806px;
	height: 85 px;
	margin: auto;
	padding: 2px;
}

et le lien vers la page: http://chaylaimmobilier.com/site2.0/index.html

Merci.
Modifié par Beno (07 Apr 2006 - 15:20)

Bon, je viens de recevoir mon bouquin CCS2, j'arrête de vous embêter, promis ... enfin je vais essayer

Bonjour Beno,

Doit-on considérer le sujet comme Résolu ou bien en supens le temps de ta lecture ?

Il serait chic de ta part de donner, à terme, la solution que tu auras trouvée pour qu'elle puisse être utile à quelqu'un d'autre, éventuellement ...

Modifié par Vero (07 Apr 2006 - 14:52)

Mon problème est résolu, j'édite le titre de mon post. J'avais tout simplement oublié de refermer une balise div, ce qui faussait la mise en page.