Probleme bordure transparente sous IE

[Sammuel]

Bonjour,

Il y a quelques jours j'ai posté un message au sujet des PNG transparents.

Cela fonctionne parfaitement sous Firefox, mais pas sous IE (vivement que l'on entende plus parler de ce navigateur ?! ).

Lien vers l'exemple : (remplacer les 2 * par 2 t)

h**p://www.smcaen.com/bordure.html

Le problème se situe au niveau de la bordure du bas lorsque j'applique le 'hack' :

*html dl {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bas.png', sizingMethod='scale')
}

Sous Firefox, aucun problème, mais sous IE, la bordure du bas se trouve sur la bordure du haut !! C'est le hack qui cause ce problème.

Auriez vous une solution pour remettre cette bordure à sa place ?

Merci !

Modifié 23 Juin 2006 par Sammuel

[Sammuel]

Ce que je pourrais peut être faire, c'est afficher une seule image comme image de fond ? (vu que la hauteur de la 'case' est fixe)

Le haut.png/case.png/bas.png serait une seule et même image .

[Sammuel]

A la place de 'scall' j'ai mis 'crop' :

*html dl {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bas.png', sizingMethod='crop')
}

Maintenant, on distingue mieux l'image du haut sur l'image du bas. Reste plus qu'à remettre l'image du bas à sa place ! C'est à dire tout en bas !