Image en dehors d'un div

Bonjour,
Je vous explique mon problème, dans le cadre scolaire je dois developper un mini-site. J'ai defini le "design" avec le css grace à des balises <div>, malheureusement lorsque j'insère une image dans la page html, celle-ci sors du corps et cela est plutôt disgracieux.
Voici le code concerné:

HTML

<div id="corps">
<hr>
<h1><p align="center">Donjon de Naheulbeuk</p></H1>
<hr>
<p>Il s'agit ici pour moi de vous faire découvrir cette saga mp3, inspirée du monde des jeux de rôle, de la fantasy et des jeux vidéos. Pour cela je vous propose la saison en téléchargement à partir de cette page.</p>
<ul>
<li><a href='ftp://audio.naheulbeuk.com/naheulbe/donjon-s1-ep1-8.zip'>Episodes 1 à 8.</a></li>
<li><a href='ftp://audio.naheulbeuk.com/naheulbe/donjon-s1-ep9-15.zip'>Episodes 9 à 15.</a></li>
</ul>
<p>Pour ceux qui auraient apprécier cet humour si particulier, je vous donne <a href="http://www.penofchaos.com/warham/donjon-resume.htm">ici</a> le lien vers le site du créateur, Pen of Chaos.
<img src="donjon.gif" align="left" valign="bottom" alt="le nain" />
</div>

CSS

#corps
{
width: 590px;
border: 2px solid black;
margin-left: 140px;
margin-bottom: 20px;
padding: 15px;
background-color: #c95d68;
}