Bonjour à vous,
 
 
Je suis en train de créer un habillage de site, que je teste sous Firefox et IE7. Le principe est simple : j'ai créé un "Head", de largeur 900 px et de hauteur 150 px.  
 
Dans ce Head :
- une image de fond (background) en n&b d'une hauteur de 120 px, avec derrière une couleur de fond (vert), qui de ce fait déborde sur le bas de 30 px (150 du head -120 du background)
- un logo (gif transparent) placé sur la gauche, qui se trouve donc par dessus l'image de fond.
- sous ce logo un menu (avec des fonds bleus clairs).  
 
Ma difficulté réside dans le fait de bien placer ce menu.
 
 
Bref voici le problème, après tatonnements pour le placement de ce menu :
 

 
- Sous Firefox : le menu est "ok" puisque bien aligné juste sous l'image de fond  (car on voit que les espaces "verts" et "bleu ciel" sont dans le même alignement). Par contre il apparaît je ne sais pourquoi un espacement dans le haut !
 
- Sous IE7 : Pas d'espacement dans le haut, par contre je n'ai plus mon alignement menu/Head (le bleu ciel du menu est plus bas que le vert du Head !)
 
 
 
Auriez-vous une idée ?

Voici le code :  
 
HTML :
 
<div id="contenant"> /contenant de l'ensemble du site (head/menu_principal/menu_lateral/piedepage)
  <div id="head"> / le Head
    <p><img src="images/logo_01C.gif" alt="" name="img01" width="283" height="32" id="img01" /></p> /le logo
    <ul id="Menuprincipal" class="MenuBarHorizontal"> /le menu
<li>...
<li>...
<li>...
 
 
CSS :
 
Menu :
 font-size: 100%;
 position: relative;
 text-align: center;
             ...
 left: 0px;
 top: 68px;  <- cette valeur m'a permis de décaler le menu un peu vers le bas (= il se trouve à 68 px du logo, élément placé au dessus de lui)

 
Ok le problème était là : les balises <p> autour de l'image. Je les enlève et là ça roule
 
 
Résolu