Images décalées sur IE7

J'ai des problèmes dans la création d'un site (il y a du HTML/PHP/JavaScript/CSS):
Les images des boutons du menu de droite et de gauche passent bien sous Firefox mais sous IE7 elles sont décalées.

Voila l'adresse du site: http://createandplay.free.fr
Quelqu'un qui m'a fait un screenshot sous IE7: https://imageshack.com/

Pour voir mon code CSS qui concernent les boutons: http://createandplay.free.fr/css/studios.css

Le code qui concernent le design du site (je le met au cas où): http://createandplay.free.fr/css/design.css

A+
Configuration: Windows 2000
Firefox 2.0.0.3

3 réponses

  1. Contributeur
    Bonjour,

    Ne disposant pas d'IE7, je ne peux pas tester.

    IE7 a peut-être du mal à s'y retrouver ?
    Le code de la page souffre de quelques défauts :
    — tu ouvres 28 <div> et tu en fermes 30
    — les <link> pour tes styles apparaissent en dessous de </body>
        Leur place est dans la head.
    — il manque le </html>
    — les “<div class="Chok etc.">” devraient être des “<div id="Chok etc.">” avec “#Chok etc.” dans la feuille de styles.

    + Puisque tu as choisi le XHTML, utilise “<br />” plutôt que “<br>” et ferme les “<img” par “ />”.

    À tester.
    0
    1. Je viens d'y faire et là ça foire tout sur Firefox, mais sur IE7 je sais pas si ça marche (je peux pas tester) si quelqu'un ici peut tester et me faire un screenshot ça serait sympa.
      0
      1. Contributeur
        salut,

        IE 7
        FF 2
        Opera 9

        sous winXP sp2 .
        OS et navigateurs à jour.

        au fait, bravo !
        0