Problème avec une image

Bonjour,
J'essaye de créer un site malgré mes compétances médiocres en HTML. Ce site est un vrai défis pour moi et j'essaye de faire de mon mieux. Voilà, j'ai insérer une image dans un div, mais celle-ci dépasse du div, voici ce que j'ai :

http://www.noelshack.com/up/aac/1-9bc015cb49.jpg

J'aimerais virer l'espace entre l'image et le div ( espace gauche) Seulement, je sais pas comment faire. Ce serait bien que le div s'adapte à la taille de l'image. Voici mon code pour le div :

 </div>
<div id="corps"><p><img src="http://www.noelshack.com/up/aac/1-9d4b37319.jpg"/></p>
  </div>

Et voici le CSS du Div

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

Ce serait bien gentil de m'aider ^^ Thanks !