[Blogger] Menu latéral coupé sous IE6 mais OK sous Firefox

Bonjour à tous,

J'ai crée mon propre template pour mon blog hébergé chez Blogger. Bien que le code CSS soit probablement un cambouis fou, j'ai quand même réussi à arriver à un résultat qui me plait. Sous Firefox et Opera du moins.
Par contre sous IE le menu de droite est coupé en hauteur et je ne sais pas pourquoi.

Le blog: http://101tests.blogspot.com

(le code CSS est accessible depuis la source de la page)

Quelqu'un a une idée?

Merci d'avance
Modifié par Jethro (10 Nov 2006 - 21:01)

UP!

Quelqu'un saurait me dire qu'est-ce que je dois changer pour que l'affichage soit optimal sous IE7 et surtout IE6 (sous IE7 ça sort pas trop mal)?

Mon niveau de CSS ne me permet pas encore de déceler tous les problèmes avec facilité.

Bonjour Jethro,

Le problème semble venir du filter pour le PNG transparent. Activer le hasLayout pour a.sidelinks (en ajoutant zoom:1;) fait apparaitre la partie de navigation en entier, mais pas correctement.
Le mieux serait de se passer de ce filter là où ça pause problème, ça doit être facilement jouable dans ce cas.

Merci pour ta contribution Alan. Je crois qu'en fait la meilleure solution que j'ai c'est partir de zero et refaire tout le code et tout le CSS, étant donné que les problèmes sous IE sont plusieurs (j'ai l'impression) et je vois pas trop comment les résoudre.

UP!

Bon, j'ai réussi à récupérer le menu complet grâce au simple zoom:1; mais par contre l'arrière-plan de mon menu se voit coupé, mais seulement sur les "modules" du bas, et pas sur le premier! Quelqu'un saurait me dire pourquoi?
Et acessoirement pourquoi un si grand espace entre chaque module alors que sous Firefox ça le fait pas?

EDIT: le template en question se trouve maintenant ici: http://blogue-101.blogspot.com

Merci d'avance;

A+
Modifié par Jethro (06 Feb 2007 - 04:46)