Probleme padding decallage de la div

Bonjour,
voila j'ai un petit soucis qui commence a me taquiner :)
Donc j'ai :

<div id="recherche">
<input name="Rechercher" type="text" readonly="true" />
</div>

<div id="nouveautes">
<div class="nouveautes_top"></div>
<div class="nouveautes_middle">
<div class="art_news">Libellé Produit
<img src="images/img_nouveauté1.jpg" width="200" height="50" />
<div class="detail_news"><a href="#">Détail</a></div>
</div>

et au niveau du css :

#recherche {
float:left;
width:230px;
background-image: url(../images/bg_rechercher.png);
padding-top: 40px;
padding-left: 14px;
background-repeat: no-repeat;
color:#dad4aa;
font-weight:bold;
height: 80px;
}

donc voila ces ma div recherche qui me pause probleme, je lui ai admis un background de 80 px de hauteur et je lui ai intergret un formulaire que je voulais placer a 40 pixel du haut de la div. Mais voila les 40px sont dans firefox et IE aujouter au 80px de ma div. Alors ma question est comment faire pour recoller ma div nouveautés tout en gardant ma hauteur de 80px.

Je sais pas si vous avez bien compris sinon demandez moi de me réexpliquer :)

Merci de votre reponse

Coordialement

LOoS3R