Bonjour !

Celui qui me trouve pourquoi mon code bug sous Chrome et pas sur les autres navigateurs (lors du hover) je lui offre...un sandwitch !
http://jsfiddle.net/Ku7HY/

Merci d'avance !

A quoi le sandwich ?

A la fraise

Ah...

C'est un bug de chrome.

Au passage, ton code n'est pas super propre...
Renseigne-toi bien sur les préfixes propriétaires avant de les utiliser. Là je vois un -moz- qui traine et pas d'équivalent pour les autres, un -mz-transition qui n'existe pas... Un peu de lecture : http://www.emmanuelbeziat.com/blog/prefixes-css-jusqua-quand/
Également, mets les :hover sur les conteneur des éléments plutôt que sur les éléments eux-mêmes.

J'ai updaté ton jsfiddle pour que le code soit un peu plus clean.

Bon courage

Ha, ça n'a pas updaté je crois ; tiens : http://jsfiddle.net/QzyfE/

Merçi pour la lecture, j'avais l'habitude de mettre des tartines de préfixes.

Pour les prefixes qui manque par contre, j'avais update le code entre deux, donc c'est normal que tu n'est pas vu d'équivalent au moz. Je voulais voir si justement sans transition sur Chrome, le code passé. Et sans transition effectivement plus de bug.

Dire que ça passe sous IE et pas sous Chrome...

Merçi bien en tout cas !

IE est un très bon navigateur, ne croit pas ceux qui disent qu'il ne respecte pas les standard ou ce genre de chose. Il a été en retard sur certains standards, il est vrai ; mais depuis la version 9 il est tout à fait valable, c'est encore plus vrai avec le 10 et ça le sera tout autant avec le 11.

Firefox lui aussi a ses lacunes. Il ne gère toujours pas le positionnement dans une cellule de tableau, par exemple ; il manque également un certain nombre d'input html5, il foire un peu sur les border, et ne gère toujours pas le multithread, le sandboxing des onglets, etc.

Chrome est celui auquel je trouve le plus de points négatifs - ce qu'il compense par de nombreux points positifs par contre. Mais par exemple, Google fait la course aux tests html5 qui fleurissent sur le web et implémenterait la dernière connerie en pré-alpha, même buguée, pour gagner des points, sans se soucier de la qualité d'implémentation. Ainsi, les nouvelles valeurs CSS3 de background-repeat sont marquées comme "présentes" dans les tests mais ne fonctionnent pas en "vrai".

Bref, tous les navigateurs ont leurs points forts et leurs points faibles, et les principaux se valent parfaitement. IE n'a en rien à rougir question innovation technique (premier à avoir intégré le sandboxing des onglets (IE7), à avoir ouvert les onglets dans des processus séparés (IE7), à avoir intégré l'accélération matérielle par GPU, et Chrome utilise d'ailleurs le principe de sécurité introduit par Microsoft depuis IE8 (SmartScreen). Et depuis la version 10, il intègre Flash nativement comme le fait Chrome. Du reste, c'est le seul navigateur sur Windows qui dispose d'une version 64bits native.

Bref, attention aux idées reçues sur IE ; elles servent souvent d'excuses. IE ne possède pas de correction d'erreurs à la volée, et est donc très strict sur la qualité du code : Si on code une connerie, il affiche une connerie, alors que Chrome et Firefox vont "corriger" le problème localement, faisant croire à de nombreux dév' (même professionnels) qu'ils gèrent ; développeurs qui vont préférer cracher sur IE plutôt que de corriger leur code et d'admettre qu'il faut remettre leurs compétences en question.

Bref, je m'égare.