Probleme de couleur sous IE et pas firefox

[doomer2]

Bonjour, sous IE mon menu gauche ne comprend pas bien la couleur de fond alors que sous Firefox pas de probleme ?

Voici une partie de mon cource du menu ou sinon l'adresse de la page Site CSS

.menugauche {

list-style-type: none;

margin:15px 0 0 0;

padding:0 0 0 10px;

}



.menugauche ul {

 border-bottom: solid 1px #fa0;

 list-style-type: none;

}



.menugauche li {

 padding-bottom:0;

 border-color: #fa0;

 border-style:solid;

 border-width: 1px 1px 0px 1px;



}



.menugauche a {

 color: #000000;

 background-color: #ffefd5;

 text-decoration: none;

 display: block;

 font-family: "Trebuchet MS" Verdana, sans-serif;

 font-weight: bold;

 padding: 0 5px 0 5px;

}

En attente de vos réponses car je ne trouve pas où est le probleme.

[Compte supprimé]

Je vois la même chose sous IE 6.0 et sous FireFox 1.0

Quels versions utilises tu ?

[doomer2]

J'utilise IE6 et Firefox 1.0. Et j'ai mon menu de gauche qui estr transparent sous IE6 et on ne vont quand background le fond. Bizarre !!!

D'autres personnes peuvent tester sur différents navigateurs ?

[doomer2]

Probleme existant lorsque j'actualise seulement la page sous IE6.

La couleur de mon fond du menu gauche disparait !!!!

Vous ne trouvez pas cela bizarre !!!!

Kkun connait il la solution ?

[doomer2]

Je viens de modifier mon source de cette façon :

Bon j'ai fais des modifs et le code est en dessous. Mais maintenant :

- je n'arrive pas à avoir la meme longueur que mes autres div de recherche sous IE et Firefox. Mon menu est plus court alors que je voudrais la meme longueur que mon div recherche par exemple.

- un trait apparait sous Firefox sur toute la longueur du menu gauche

- un trait apparait sous IE6 au dessus du menu rechercher.

Explication sur la page Site en CSShttp://dubcl.free.fr

Si kkun peut m'aider car j'ai essayé plusieurs manipulations mais en vain et au niveau esthétique c pas top ?

/* menu de gauche */
#gauche {
list-style-type: none;
position: absolute;
left:0;
width: 150px;
}

#gauche ul {
 border-bottom: solid 1px #fa0;
 list-style-type: none;
}

#gauche li {
 padding-left:0;
 padding-bottom:0;
 border-color: #fa0;
 border-style:solid;
 border-width: 1px 1px 0px 1px;

}

#gauche a {
 color: #000000;
 background-color: #ffefd5;
 text-decoration: none;
 display: block;
 font-family: "Trebuchet MS" Verdana, sans-serif;
 font-weight: bold;
 padding: 0 5px 0 5px;

}
#gauche a:hover {
 text-decoration: none;
 background-color: #4682b4;
 color: #FFFFFF;
 display: block;
}

/* fin menu gauche */

Mon source HTML :

<div id="gauche">    
     
    <ul>
      <li><a href="#">Présentation </a></li>
      <li><a href="#">Le portail </a></li>
      <li><a href="#">Le forum </a></li>
      <li><a href="#">Les partenaires </a></li>
      <li><a href="#">Les outils </a></li>
      <li><a href="#">Accès Extranet </a></li>
      <li><a href="#">Contactez-nous </a></li>
    </ul>
  
  <a name="recherche" id="recherche"></a>
   <div class="search">
      <form class="recherche" method="get" action="http://www.google.fr/search">
       <p><label for="q" accesskey="4">Rechercher<input name="q" type="text" id="q" value="Alt+4" size="10" maxlength="55"/></label></p>             
        <p><input type="hidden" name="domains" value="dubcl.free.fr" /></p>
        <p><input type="hidden" name="sitesearch" value="dubcl.free.fr" /></p>
        <p><input type="submit" name="btng" value="google" class="bouton" /></p>
      </form>
    </div>
  
    <div class="search">
      <form class="membres" method="post" action="#">
         <p>Espace Membres</p>
    <p><label for="pseudo_membre">Utilisateur
    <input type="text" name="pseudo_membre" id="pseudo_membre" size="10"/></label></p>
            <p><label for="passe_membre">Password
         <input type="password" name="passe_membre" id="passe_membre" size="10"/></label></p>
         
        <p><input type="submit" name="entrez" value="Entrez" alt="Validez" class="bouton"/></p>
      </form>
    </div>
  
  <div class="search">
      <form class="membres" action="#" method="post">
    <p>Newsletter</p>      
       <p><input type="hidden" name="lid" value="20021231100505"/></p>             
    <p><input size="10" name="email" /></p>                                                               
       <p><label for="Abonner">  
    <input id="Abonner" name="action" type="radio" value="inscription"  />Abonner</label></p>      
    <p><label for="Desabonner">
     <input id="Desabonner" name="action" type="radio" value="desinscription" />Se desabonner</label></p>
       
     <p>    
    <input type="submit" value="Validez" name="submit2" alt="Inscription newsletter" class="bouton"/></p> 
      </form>
    </div>
  

  
  </div>