Incompatibilités IE
Salut tout le monde,
comme d'habitude, IE me pose encore de nombreux problèmes de compatibilité avec les CSS.

Comme vous pouvez le voir là, sous firefox le menu est bien aligné et tout le site centré, mais sous IE le menu est aligné comme un escalier et le site complètement décallé sur la gauche.

Des idées ?

Solution : Rajoute text-align: center; dans body. :]

Rajoute plutôt :

display: inline;

sur tes LI.

Moi je ferais les deux :D

Yeah, j'ai fait les deux et c'est pas mal, on avance.
Mais j'ai la dernière image du lien qui part en dessous au début, puis le menu est complètement décallé sous IE (sans parler de la transparence des PNG et du background en haut qui merde).

Essayes de faire ton menu comme suit :
#menu li {
    float: left;
    height: valeur;
    overflow: hidden;
    cursor: pointer;
}

#menu li a {
    display: block;
    line-height: même valeur que height;
    text-indent: -5000px;
    overflow: hidden;
outline: none; /pour cacher le cadre
    background-position: center top;
}
et ensuite tu donnes une id à tes différents liens et tu leur mets ton image :)

Je déconseille de faire un text-indent: -5000px; car depuis la version 1.5 de FF je crois, on a le droit à un jolie cadre de sélection qui va chercher cet indent négatif :\ Il vaut mieux mettre le texte entre des balises <span> </span> et y attribuer un display: none; .. Je crois d'ailleurs que c'est ce que koskoz à fait.

Sinon pour le fait que ton derniere lien se barre en dessous, c'est sûrement dû au margin. Essaye voir de ne pas l'attribuer à ton dernier lien.

Si fait Mobius ! Mais il y a une solution !
#menu li a {
outline: none;
}
Avec le overflow hidden du li, il n'y a plus de cadre ;)

Rah je savais bien qu'elle existait cette propriété -_- Je la cherchais quand j'ai vu la gueule des rectangle de sélection, j'l'avais pas retrouvé ^^ Merci :)

Yep, j'ai été très content aussi kan je l'ai trouvé ! ça évite de remettre des balises span qui ne servent finalement à rien ! :)

j'ai toujours préférer le float left sur le li a avec un display block , li m'étant utilse que pour un list-style.
juste une id par li pour l'ajout d'images, le text-indent m'apparait comme la meilleure solution :)