chrome / safari perd les coins arrondis lors d’une transition de diapositives jQuery

J’utilise le script jquery présenté ici – http://jqueryfordesigners.com/automatic-infinite-carousel/ .

J’ai appliqué mes propres images au format png arrondi dans le curseur de mon site – http://67.225.219.80/

Tout va bien dans Firefox et IE9 en utilisant border-radius. Vous pouvez voir que les angles arrondis sont conservés même lorsque le curseur glisse en mode automatique et même lorsque le curseur est contrôlé par les flèches.

Cependant en chrome / safari, les coins arrondis disparaissent lors de la transition.

• Comment puis-je mettre en pause un carrousel Bootstrap en vol stationnaire et le réactiver au passage de la souris?
• Pourquoi IE ajoute-t-il un atsortingbut jQuery pour un élément côté serveur avec le gestionnaire mouseover?
• Comment supprimer une ligne dans jqgrid
• Afficher l’image avec Ajax et beforeSend
• Meilleur moyen de détecter un appareil mobile et de le redirect

En plus de donner des angles arrondis à l’emballage extérieur div (border-radius, -webkit-border-radius, etc.), j’ai également essayé d’appliquer des coins arrondis aux éléments nesteds ul, li, a et img pour voir si cela se produirait. travail, toujours pas de solution.

J’utilise également css3pie. Après quelques tests, j’ai conclu que ce n’était pas la cause du problème rencontré dans chrome / safari.

Toute personne ayant une expérience avec cela ou me guider dans la bonne direction serait grandement appréciée.

Merci!

• jquery: Choix d’une méthode document.ready
• jQuery.error () ne fonctionne pas pour iframe.
• Comment empêcher l’utilisateur de changer les valeurs dans le HTML ou le JavaScript
• Chargement de l’image de spinner gif se coince
• Comment vérifier si c’est une url de blob utilisant javascript