Alors voila le problème : j'ai un beau petit menu sur mon site. Sous FF, ça marche nickel. Mais sous IE, c'est une autre paire de manches. D'une part au chargement de la page il est mal placé, mais en plus quand on passe le curseur sur un lien, le div conteneur se rétrécit et tout le menu se décale à gauche. Mais pas encore à la bonne place. Quelqu'un peut-il m'expliquer ce phénomène paranormal ?
 
la page : http://swingfiler.bleuarff-corp.info/test/index.php
le css : http://swingfiler.bleuarff-corp.in [...] design.css
 
la partie du css concernée :  

Je ne sais pas quel est le problème mais je pense que tu devrais éviter les pourcentages.

Et tu proposes quoi d'autre pour faire un site élastique ?

Je pense que ton menu et tes news devraient avoir des tailles fixes.

Je suis pas un expert mais ça va à l'encontre de tout ce que j'ai pu lire à ce sujet. Résolutions différentes, tout ça, taille fixe = pas bien.

tu peut avoir un site d'une largeur élastique mais avec des menus/news de tailles fixes ( ou dumoins en em ). Ca s'adapte à la taille de la fenêtre sans jamais faire des menus trop larges et ca réduit les pb de compatibilité

Jvais regarder ça, mais ça résoud pas mon problème. Est-ce que ça pourrait être un problème de marge dans IE qui ne la charge pas de la bonne taille et fasse un resize ?

Bleuarff > En quoi ton menu est mal placé?  
Je sais pas si t'as fait exprés, mais la ligne "padding : 0.5% 0% 1% 3%;" est égale à  

 
PS : Pour les padding,margin ... utilise plustôt des em quand tu peux, ca rendra la page plus armonieuse dans de nombreux couples résolution d'écran/taille des caractéres.

Oui c'est fait exprès, ça fait un css un peu plus court à scroller .
 
Ce n'est pas qu'il est mal placé mais sous IE il est trop large, et reviens à sa taille normale lorsque le curseur passe sur un lien du menu. Ce qui est assez moche.

.menuliste li{ display: inline; }
.menuliste a{ display: block; }
 
Vu que t'as les liens dans les <li>, l'ordre des types ne me semble pas judicieux : un élément "en ligne" est censé ne pas contenir des blocks.
 
Personellement, vu le css, je vois rien qui explique ton probléme à part peut être la ligne en commentaire ( /* margin-right : 10%;*/ ) . Je ne sais pas comment IE gére les commentaires dans des css.

J'ai trouvé ça sur le site Listamatic. J'ai pas très bien compris à quoi ça servait, mais ça a l'air de marcher.
Si j'enlève le display : block il va tenter d'afficher tous les liens sur la même ligne, ce qui est moche. Si je vire le display:inline, sous IE ça fait un grand espace entre les liens, c'est très moche. Et si je vire les 2, le changement de couleur du lien quand on passe dessus ne fait que la longueur du lien et n'est donc pas constant, ce qui est moche.
Dans tous les cas, ça reste W3C Compliant et ça ne change rien à mon problème de liste baladeuse sous IE.
 
Pour le commentaire, quand je le vire ça ne change absolument rien, donc IE doit les gérer correctement.
 
Je vais virer tous les éléments du menu et les remettre 1 par 1 pour voir quel élément fait bugger IE.

Bon alors j'ai résolu le problème du bloc div qui change de largeur : en précisant margin:0em* pour la liste, le bloc de gauche reste fixe. Par contre, la liste en ell-même continue de bouger à l'intérieur du bloc. Et ça je vois pas pourquoi ni comment le résoudre.
 
 
*:Je mets en application les conseils donnés .

Voila l'erreur : c'est la ligne background-color: orange qui fait décaler la liste en bousillant les marges et padding. Il suffit de la mettre en commentaire et tout s'arrange. Quant à savoir pourquoi, mystère. Et pour résoudre le souci, en plus mystère .