Bonjour (et rebonjour à ceux qui m'ont déjà aidé il y a quelques semaines ) !

Je m'occupe actuellement de ce site : http://www.make-development-inclusive.org/index.php et je travaille en résolution 1024*768. Pour une question de commodité, j'ai bloqué la largeur de mes pages à 1024 px. Jusque là tout va bien ...
Mais quand j'augmente la résolution on peut voir quelques petits décalages
Il y a 2 problèmes :
- le bandeau tout en haut est légèrement décalé vers le bas (il devrait normalement être collé en haut de page)
- la ligne juste en dessous du bandeau est elle aussi décalée vers le bas

Je ne sais pas trop d'où ca vient. Voici le css du bandeau :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
/*haut de la page : image (avec logo "Make inclusive development"), textes*/ 
#header  
{ 
    height:13%; 
    background-image:url(images/bandeau1024.jpg); 
    background-position:center; 
    background-repeat:no-repeat; 
    text-align:center; 
    margin:auto; 
}

Je précise que j'ai le même problème sous firefox et que j'ai deux feuilles de style différentes : une pour IE et une pour FF.

Ce qui est bizarre c'est que le texte qui est dans le bandeau n'est pas décalé, seule l'image est décalée. Pourtant si on regarde la structure de ma page php, on s'apercoit que la regle css pour le texte est déclarée dans la règle css pour l'image :
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<!--affichage du bandeau et du texte tout en haut : "Pour rompre..." et "Un projet financé..."--> 
<div id="header">/*POUR L'IMAGE DU BANDEAU*/ 
    <div id="titletext">/*POUR LE TEXTE DU BANDEAU*/ 
 
    </div> 
    <div id="orangetext"> 
 
    </div> 
</div>


Si vous avez des idées je suis preneur !

Merci d'avance pour votre aide