Bonjour tout le monde!

Je vous expose mon problème:

Je veux définir un div newsletter dans mon div header sans que celui ci se retrouve decaler par rapport au top de la page:

Voici mon code:

HTML:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
<!--DEBUT HEADER-->
<div id="header">
    <div id="newsletter">
    #
        #
    </div>    
</div>
<!--FIN HEADER-->
Mon CSS:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
body{ 
    background-image: url(images/body_bg.gif);
    background-repeat: repeat-x;
    margin-bottom: 0px;
    }
#header {
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
    height:193px;
    margin-top:0px;
    }
#newsletter{
    width: 220px;
    height: 80px;
    margin-left:500px;
    margin-top:40px;
 
    }
En visuel cela donne ceci:



Je cherche a supprimer la marge en rouge.

En mettant un margin-top:0px; a mon body, le probleme a disparu sous Explorer mais pas sur Firefox.

Je me retrouve avec un header qui ne touche pas au haut de la page.

Vous y voyez une solution?

Merci bien.