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 :
Or, sous Firefox, c'est parfait :
Je pense que c'est à cause du CSS, mais je ne vois pas pourquoi.
Voici le code HTML, avec la class "menu"
Code :
- <div id="xo-globalnav">
- <ul>
- <li><a href="http://www.coquinews.com/modules/pages/" class="menu">News</a></li>
- <li><a href="http://www.coquinews.com/modules/xoopsgallery/" class="menu">Autres</a></li>
- </ul>
- </div>
|
et le CSS :
Code :
- #xo-globalnav {
- position: absolute;
- right: 0em;
- bottom: 0em;
- }
- #xo-globalnav ul {
- list-style: none;
- }
- #xo-globalnav li {
- float: left;
- }
- #xo-globalnav li a {
- margin-left: 0.5em;
- display: block;
- padding: 0.5em 1em 0.5em 0.5em;
- /*background: #fff url(../img/vierge6.gif);*/
- background: url(../img/vierge6.gif);
- border: solid 0px #fff;
- color: #616161;
- font-weight: bold;
- font-size: 1.0em;
- text-decoration: none;
- }
- #xo-globalnav li a:hover {
- /*background: #BA4988 url(../img/vierge6_hover.gif);*/
- background: url(../img/vierge6_hover.gif);
- color: #FFFFFF;
- border: solid 0px #FF98D8;
- }
- #xo-globalnav li a.menu_active {
- /*background: #BA4988 url(../img/vierge6_hover.gif);*/
- background: url(../img/vierge6_hover.gif);
- color: #FFFFFF;
- border: solid 0px #FF98D8;
- }
|
Si qqun voit le pb....
Parce que là, je suis largué !
Thx !