[Résolu] Encore une histoire de décalage

Bonjour,

Alors là je ne comprends pas... J'ai un div haut avec une image en background au dessous j'ai un div contenu qui contient un div trait (une seule ligne-image), un div menu et le même div trait que l'autre.

Le code :

<div id="contenu">
  <div class="trait"></div>
    <div id="menu">
      <ul id="menulist">
        <li><a href="#">News</a></li>
        <li><a href="#">Présentation</a></li>
        <li><a href="#">Compétences</a></li>
        <li><a href="#">Projets</a></li>
        <li><a href="#">Liens</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>
  <div class="trait"></div>
</div>

Jusque là tout vas bien (je crois en tout cas), le problème, c'est que IE (évidemment) me mets une "marge" au-dessous des deux traits (comme si il y avait une margin-bottom: 1px;)

Je vous mets aussi mon css :

.trait {
height: 1px;
font-size: 1px;
background: url(images/bg/bgtrait.gif) no-repeat;
}
#menu {
height: 25px;
background: #00cc00;
}
#contenu {
height: 425px;
background: url(images/bg/bgcontenu.gif) repeat-y;
}
#menulist {
padding: 0 5px;
}
#menulist li {
float: left;
width: 105px;
}
#menulist li a {
color: #fff;
text-align: center;
display: block;
font-weight: bold;
padding: 3px 5px 3px 5px;
}
#menulist li a:hover {
background: #ff9900;
border-bottom: 3px solid #ff9900;
cursor: pointer;
}

J'éspère que vous aurez une solution. Ah oui, avec firefox ça fonctionne nickel.

Merci

@ bientôt
Modifié par le rouge (15 Apr 2006 - 15:31)

Bonjour le rouge,

Tu pourrais nous donner un lien de ton travail car avec ce que tu nous as donné, on voit juste un menu et sans les images, on ne peut pas voir ce qu'il se passe.

A moins que tu ais un problème sur le menu ?