Comportement étrange avec IE / Firefox OK

Comportement étrange avec IE / Firefox OK - HTML/CSS - Programmation

Marsh Posté le 16-05-2008 à 23:34:25    

Bonjour !  
 
Voilà, je gère le design +code d'un site : http://www.coquinews.com
 
Le problème vient des boutons situés tout en Haut. En effet, sous IE, le premier bouton, apparait comme un rectangle blanc lorsque je mets mon curseur desssus :
http://www.coquinews.com/drop/IE.jpg
 
Or, sous Firefox, c'est parfait :
 
http://www.coquinews.com/drop/Fire.jpg
 
Je pense que c'est à cause du CSS, mais je ne vois pas pourquoi.
 
Voici le code HTML, avec la class "menu"
 

Code :
  1. <div id="xo-globalnav">
  2.         <ul>
  3. <li><a href="http://www.coquinews.com/modules/pages/"        class="menu">News</a></li>             
  4.         <li><a href="http://www.coquinews.com/modules/xoopsgallery/" class="menu">Autres</a></li>
  5.     </ul>
  6.     </div>


 
 
et le CSS :
 
 

Code :
  1. #xo-globalnav {
  2.     position: absolute;
  3.     right: 0em;
  4.     bottom: 0em;
  5. }
  6. #xo-globalnav ul {
  7.     list-style: none;
  8. }
  9. #xo-globalnav li {
  10.     float: left;
  11. }
  12. #xo-globalnav li a {
  13.     margin-left: 0.5em;
  14.     display: block;
  15.     padding: 0.5em 1em 0.5em 0.5em;
  16.     /*background: #fff url(../img/vierge6.gif);*/
  17.     background: url(../img/vierge6.gif);
  18.     border: solid 0px #fff;
  19.     color: #616161;
  20.     font-weight: bold;
  21.     font-size: 1.0em;
  22.     text-decoration: none;
  23. }
  24. #xo-globalnav li a:hover {
  25.     /*background: #BA4988 url(../img/vierge6_hover.gif);*/
  26.     background: url(../img/vierge6_hover.gif);
  27.     color: #FFFFFF;
  28.     border: solid 0px #FF98D8;
  29. }
  30. #xo-globalnav li a.menu_active {
  31.     /*background: #BA4988 url(../img/vierge6_hover.gif);*/
  32.     background: url(../img/vierge6_hover.gif);
  33.     color: #FFFFFF;
  34.     border: solid 0px #FF98D8;
  35. }


 
Si qqun voit le pb.... :/
 
Parce que là, je suis largué ! :(
 
Thx !
 
 
 
 
 

Reply

Marsh Posté le 16-05-2008 à 23:34:25   

Reply

Marsh Posté le 17-05-2008 à 09:31:23    

C'est normal l'absence de class="menu" pour le premier bouton qui contient News ?
Evite les espaces insécables : puisque tes éléments de menu sont dans des balises <a> en display:block, place des paddings.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed