[Résolu] Problème d'affichage image sur menu une fois en ligne

Bonjour,

J'ai fait un petit site intranet pour la boîte au je bosse et je rencontre un problème inexplicable.

J'ai intégré un menu jQuery (voici le menu http://www.web-imaginative.com/beau-menu-deroulant-html-5-et-css-3/ ). Lorsque j'ouvre le menu en local sur IE 9 pas de problème. Idem lorsque j'ouvre le menu sur le site qui le met à dispotion.

Dés que je mets en ligne le menu, les images qui se situent dans le menu n'apparaissent plus et les bords arrondis des petite fenêtres de stats sont carrés.

Je pensais que c'était le chemin vers les images qui posait problème mais ca fonctionne très bien sous Firefox. J'ai aussi pensé à la version de IE (version 9) qui en était la cause mais le menu fonctionne très bien en local (et il fonctionne très bien lorsque je vais sur le site qui met à dispo le menu)

J'en déduit donc que le problème vient de mon hébergeur mais je ne vois pas qu'est ce qui pourrait empêcher au niveau de l'hébergeur d'afficher les images et coin arrondi à IE9

Mon gros problème est que je travaille dans une grosse boîte et que tous les PC sont équipés de IE9. Donc pas le choix faut que je fasse avec.

Voici le code qui appel l'image:

.menu > li > a:before {
    content: '';
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    font-size: 36px;
    height: 1em;
      width: 1em;
    position: absolute;
      left: 0;
    top: 50%;
    margin: -.5em 0 0 0;
}
.item1 > a:before {
    background-position: 0 0;
}
.item2 > a:before {
    background-position: -38px 0;
}
.item3 > a:before {
    background-position: 0 -38px;
}
.item4 > a:before {
    background-position: -38px -38px;
}
.item5 > a:before {
    background-position: -76px 0;
}

Le code complet est dispo sur le lien que j'ai mis plus haut.

Ca fait 2 jours que je cherche et honnêtement je ne vois pas.

Si quelqu'un à une solution (ou une piste) je suis preneur

Merci d'avance
Modifié par toffmann (05 Feb 2015 - 16:51)

Bon c'est OK j'ai trouvé. Pour ceux que ca intéresse il s'agissait d'internet explorer qui n'utilisait pas le bon mode de document sur mon site intranet.

Pour solutionner le problème il suffisait d'utiliser:

meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" >

Modifié par toffmann (05 Feb 2015 - 17:00)