Compatibilité IE6, IE7, Firefox 2

Bonjour,

j'ai commencé à créer mon site, je travaillé avec IE7, et tout allez bien jusqu'à ce que je vois le résultat sur IE6 et firefox2.

Je ne sais pas comment m'en sortir maintenant pour réparer mon code :(

voilà un screen sous IE 7 (l'image c'est temporaire :D) :
http://img214.imageshack.us/img214/7885/ie7vo6.jpg

sous IE6 :
il y'a un problème de décalage des cases, un espace a été rajouté en dessous des images des cases jaunes. De plus elle devrait etre opaque! IE6 ne gère t-il pas l'opacité des images?
http://img65.imageshack.us/img65/4449/ie6du0.jpg

sous firefox2:
la map n'est même pas affichée, ni les cases, ni l'image :(
http://img221.imageshack.us/img221/8631/firefox2yv0.jpg


J'ai joint mon code CSS (dans styleMap.php) affichant les cases invisibles, ensuite dans mon code html (map.php), il suffit de mettre une image dans une balise <a href> pour afficher une case jaune.

C'est assez découragent de découvrir ça... (surtout que l'ajax avec la mise a jour dynamique des onglets lui marche bien sous les 3 navigateurs :roll: )

J'ai résolu le problème avec firefox 2, la map s'affiche bien, et pour gérer l'opacité sous mozilla et d'autre navigateur j'ai ajouté la ligne :

Code:

---

style='opacity: 0.2; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity:0.2' />";

---

Cependant, l'opacité ne fonctionne toujours pas sur IE6.

Et j'ai toujours le problème de décalage avec IE6 par rapport aux 2 autres navigateurs

J'ai résolu le problème de la ligne,

le seul problème qui me reste c'est l'opacité (voir image IE6),
voici mon code CSS:

Code:

---

1 2 3 4 5 6 7 8 9

#adj{ float: left; width: 30px; /* Largeur d'une case de la map*/ height: 30px; /* Hauteur d'une case de la map */ opacity: 0.2; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity:0.2; }

---