[HTML] Float qui se colle

Bonjour à tous.

J'ai un petit problème que je n'arrive pas à résoudre et qui me casse la tête. Je suis veux mettre un système de newsletter sur le site que je suis en train de faire en mettant le cadre d'inscription sur le coté (droit ou gauche peu importe).

Le code html de mon bout de page est:

<div class="newsletter">
<form method="post" action="newsletter.php">
<p>
<br/><br/><label for="AdresseMail">Adresse e-mail</label><br/>
<input type="text" name="AdresseMail" id="AdresseMail" size="20" maxlength="50" /><br/>
<input type="submit" value="S'inscrire" />
</p>
</form>

</div>

<div class="corps">

</div>

Le code CSS associé:

.corps
{
background-image: url("../img/news.png");
height: 997px;
width: 752px;
margin-top: 10px;
overflow: auto;
}

.newsletter
{
background-image: url("../img/newsletter.png");
height: 180px;
width: 180px;
background-repeat: no-repeat;
float: right;
margin-top: 150px;
}

J'ai donc mis un float: right; sur la newsletter, mais ce block est complètement collé à droite, ce qui provoque un décalage de mon block corps qui devrait être centré.

Voici le lien du site: http://www.littleliars.calli.fr/accueil.php

Quelqu'un aurait une idée svp??

Merci d'avance